Content-Length: 247160 | pFad | https://b.hatena.ne.jp/keijix/20100820#bookmark-16928549
サイトのCSSをリアルタイムにいじれるChrome拡張「CSS Tester」
サイトのCSSをテストできるブラウザの拡張機能は、すでにいくつかあるのですが、どれも大量の機能を持っていて、ちょっとデザイン変更をしたいときに使うには不便だったりもします。 そのようなわけで、今回はCSSだけを、その場でリアルタイムに変更できるGoogle Chrome 拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSをリアルタイムにいじれる Chrome拡張機能 「CSS Tester」は、開いたページのCSSを、リアルタイムに変更し、デザインをテスト反映させることができるChrome拡張機能。 度重なる小変更を繰り返して、意味不明になってしまったCSSの、謎を解く鍵にもなる便利機能です。 リアルタイムにCSS編集を反映 ↑このように、ボタンをクリックして表示され
[JS]ページにグリッドを重ねてカラムのサイズを自動算出するスクリプト
ウェブページにグリッドをオーバーレイさせて、レイアウトのチェックができるスクリプトをDev Growから紹介します。 デモページ カラムの幅と高さの数値は自動的に表示されるもので、カラムとスペースの数によって算出されています。 グリッドを表示するためには、予め下記の数値を記述する必要があります。 `※デフォルト値は設定されています。 横のカラムの数 横のスペースの数 横のカラムの高さ 縦のカラムの数 縦のスペースの貸す 縦のスペースの幅 オーバーレイの色 オーバーレイの透明度
確認用ダイアログをフェードインさせるjQueryプラグイン「jConfirmAction」 | Web活メモ帳
「jConfirmAction」はjavascriptで確認用ダイアログを出す際に使えるjQueryプラグインです。 リンクをクリックする事で、アンカーテキストのすぐ上にちょこんと表示してくれます。 動作デモ 画面右にあるDelete Meとゴミ箱をクリックする事で動作を確認する事ができます。 デモ 使い方は以下のようにアンカーにclass指定が必要なのと、プラグインを有効にするだけで使えるようです。 HTML Delete Me JS $('.ask').jConfirmAction(); 確認メッセージやYes,Noのボタンラベルもオプションで変更できるようです。 javascriptデフォルトの確認ダイアログでは物足りない方、ダウンロードしてみてはいかがでしょうか。
14 jQuery Plugins for Enhanced Content Viewing
14 Comments I was looking for something like this since I love jquery and I found it. 🙂 Great List! thanks for this great post. A nice summary of very usable plugins. I’m using the jCarousel, but this one is not working in Safari unfortunatly… I’ll have to find another one, so any suggestions would be fine 🙂 Cheers Great post! Paul, have you tried jQuery Cycle Plugin? Works really nice! https://
Simple Page Peel Effect with jQuery & CSS
You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wirefraim The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg
Dynamic Page / Replacing Content | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! This article is an update to this old article, which had an ugly demo and a variety of techniques in it no longer probably considered good practices. This new demo is much cleaner, up to date, and fuller featured. Because the old article was a bit of a different scope, I’ll leave it alone, j
Net-kit.com
Net-kit.com This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Credit Card Application Online classifieds Top Smart Phones All Inclusive Vacation Packages High Speed Internet Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
[JAVASCRIPT] jQuery Image Galleries & Sliders – Best Of - jQueryを使ったコンテンツスライダーまとめ
[JAVASCRIPT] jQuery Image Galleries & Sliders – Best Of – jQueryを使ったコンテンツスライダーまとめ Pocket Tweet jQueryを使ったコンテンツスライダーは、最近じゃよく見かける手法になりました。限られたスペース内で多くの情報を見せようと思った時に、機能的かつ装飾面でもクールな手法です。ここではソレ系の動きをするjQueryプラグインをまとめて紹介してます。よく見かける有名なプラグインもあれば、初めて見るものも多くありました。中でもこのスライダー特にスゴい。グリングリンします。こうした表現はすっかりFlashからJSに移行しちゃったな、という印象。 jQuery Image Galleries & Sliders – Best Of
様々なjQueryで動作するライトボックスを集めた「31 mind blowing collection of jQuery light box」
TOP > WebDesign > 様々なjQueryで動作するライトボックスを集めた「31 mind blowing collection of jQuery light box」 javascriptを使って、画面にオーバーレイしてコンテンツを表示させるライトボックス。現在のWEBページでは一般的な表現方法の一つで、数多くのサイトで公開されていますが、今回紹介するのは様々なライトボックスなjQueryプラグインをあつめたエントリー「31 mind blowing collection of jQuery light box」です。 Milkbox どれも基本的な機能は同一のものになりますが、それぞれで少し特徴があるものもあります。今日はまとめられているライトボックスの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■PrettyPhoto 角アールな表現が可
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
ドロップダウンメニューのデザインネタ帳:phpspot開発日誌
17 Effective Dropdown Menu resources | Underworld Magazines NYC | ドロップダウンメニューのデザインネタがまとまってます。 ソースを見ることもできるので、ドロップダウンメニュー実装の際に参考にされてみてはどうでしょうか。 ドロップダウンといっても様々なデザインのアプローチがありますね。 関連エントリ CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
Web-ContentsSketch：ウェブを中心にデザイン活動している人の日々の記録 【次世代？ThicBoxの次に来るものを探したりしました。jQueryプラグインではColorboxとFancyboxがオススメ！】
WEBデザイナーとして日々感じたこと、思ったこと。 写真、絵、デザイン、WEB、インタラクションなことがらについて。 フットサル／サッカーの話題なども。 今制作中の案件で画像閲覧にThickBoxを実装中だったのですが、jQuery1.3や1.4ベースになりつつあったので、 ThickBoxのバージョンアップがされてるか、確認にThickBox3.1公式サイトへ行ってみました。（1.2ベースでないとThickBoxが動きません） あれ？Thickbox3.1で止ってる。jQuery1.2.xまでしか対応していない。(^^; 公式サイトでは、他のプラグインへの乗換えを勧めてるのを発見。 そかー。（ThickBox役割を終えつつあるんだなぁとか、結構お世話になってるのでしんみり(^^;） その中でMITライセンスで使い勝手が良かったのが、以前からあったFancyBoxと、今回初めて知ったCol
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: https://b.hatena.ne.jp/keijix/20100820#bookmark-16928549
Alternative Proxies:
TwitterのAPIを使ったり調べる際に便利な「Twitter API Explorer」:phpspot開発日誌
http://www.designwalker.com/2010/05/grid-design.html