シンプルなパララックス効果付きのイメージスライダーを実装するjQueryプラグイン・jQuery Destaque
画像がスライドする際に視差効果 を与える事が出来るjQueryプラグ インのご紹介。イメージスライダー とは相性良さそうですね。シンプル なものですが、応用も出来そうです。
Webデザイン
Webサイトを常時グレースケール化するChromeエクステンション・(un)clrd
単調なタイトルで伝わりにくそう ですけど、割りと便利なエクステ ンションだったのでご紹介します。 起動中は常にWebサイトを白黒に してくれる、というもの。Webデ ザイナーさん向けですね。
D3.jsを使ったグラフの作成をWeb上でテスト、シェアできるコード共有サイト・Tributary
よくあるコード共有サイトです が、グラフを絵画できるD3.js に特化しているという特徴が あります。コードを書くとすぐ に反映されるので勉強用にいい のでは。
フォームのlabel要素のテキストをjQueryでプレースホルダーにする
フォームのlavel要素をHTML5の placeholder属性にする、という 方法。jQueryを使用します。 フォームが固定されたCMSのスマ フォサイトを作成するにあたり、 省スペース化したいのでこの方法 を使いました。...
CSS3のbox-shadowだけで作られたモナリザ・・・
CSS3で～を作った！という類の ものはかなり見かけていました が、今度はbox-shadowだけで 名画モナリザを描いた方が出て 来ました・・・熱意が凄いです。 役に立つかどうかは置いておいて。
jQuery Mobileでシンプルなイメージギャラリーを実装する為のプラグイン・ImageFlip
JQM向けのイメージギャラリーを 実装する為のjQueryプラグイン です。フリック操作で進める事 が出来ます。特に変わったエフ ェクトも無いのでシンプルで使 いやすい印象でした。
ベーシックで使いやすそうなレスポンシブWebデザイン向けCSSフレームワーク・CSSHórus
ベーシックなタイプのレスポンシブ Webデザイン向けCSSフレームワーク のご紹介。この手のフレームワーク はかなり出回ってますので肌に合う かどうかで決めても良さそうですね。
画像のズームと、ドラッグによる連続表示を使った360度ビューが可能なECサイト向けjQueryプラグイン・Dopeless
ECサイトに良さそうなjQuewryの プラグイン・Dopelessのご紹介 です。画像のズームと、ドラッグ 操作で360度ビューを再現できる というもの。タッチデバイスに も対応しているようです。
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル
今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。
タッチイベントにも対応のレスポンシブなカルーセルを実装するjQueryプラグイン・Responsive Carousel
レスポンシブWebデザイン対応の カルーセルを実装出来る、という jQueryのプラグイン・Responsive Carouselのご紹介です。どうでも いいですけど、ネーミングその まんまですね。
iPhone向けにレイアウトされたWebデザインのギャラリーサイト・Meer.li
iphone向けにレイアウトを組んだ Webサイトのデザインギャラリー・ Meer.liのご紹介です。同じような デザインギャラリーは沢山あるの で参考までに。他にもアイコンや iPad用も構築中みたい。
スクロールに応じてパララックス効果を表現できるスクリプト・jarallax
スクロールに応じて視差効果 を表現できるスクリプト・ jarallaxのご紹介。jQueryを 必要とするみたいです。よく 見かけるやつですが、デモが 良かったので備忘録的に。
AndroidのUIデザインパターンを専門に収集しているギャラリーサイト・Android niceties
Androidに特化したUIデザインパターン のギャラリーサイト・Android niceties のご紹介です。自動で次のページを読み 込んでくれるのでサクサクギャラリーを 見る事が出来ます。特化型のギャラリー は少ないので覚え...
シンプルで使いやすく、IE7にも対応可能なレスポンシブWebデザイン向けフレームワーク・BASE
結構良さそうなフレームワーク だったのでメモがてらご紹介。 シンプルなレスポンシブWeb デザイン向けフレームワーク・ BASEです。IE7にも対応可能だそ うです。
CSSやJavaScriptでのEasing使用法を確認できるチートシート・Easing Functions Cheat Sheet
見やすかったのでメモ的に。 Easingの動作確認や実装法 などを完結に纏めてある チートシートサイトのご紹 介です。たまにしか利用し ないので覚えられない・・
jQueryでラジオボタンを旧Diggのラジオボタンっぽくする
speckyboyの記事が参考になった のでメモ書き。ラジオボタンを jQueryで以前のDiggっぽくする という内容です。CSSによるスタ イルも楽に出来るのは魅力ですね。
レスポンシブWebデザインのためのリソースをまとめたWebサイト・This Is Responsive
レスポンシブなWebデザインを 作るときに役立つ情報やツール などをまとめているWebサイト、 This Is Responsiveをご紹介 します。情報はかなり出回って いるのでこうして纏められると 助かります。
ページ内の特定の要素を目次として生成出来るjQueryプラグイン・MagicNav.js
良さ気なプラグインだったので 備忘録。ページ内の特定の要素 を指定すると、その要素を目次 として生成出来る、というjQuery のプラグインです。長文のブロ グを書く方は楽できるのでは。
要素全体にblur効果を与えられるjQueryプラグイン・Foggy
いい感じのエフェクトだったので メモ。画像だけでなく、テキスト なども含んだ要素全体にblur効果 を与えられる、というjQueryの プラグインです。なかなか面白い。
[書評] jQuery Mobileの基本から応用までを網羅「jQuery Mobileパーフェクトガイド」
jQuery Mobileに関する書籍をご献本 頂きました。記事を持って御礼とさせ て頂きます。スマフォの普及で需要 の高くなった印象のJQMについて、 基本から応用まで詰め込んだ一冊です。
CSS3のFilter Effectsを使って画像にチルトシフト効果を与えるjQueryプラグイン・tiltShift.js
Webkit系で使えるFilter Effectsを 利用して、画像にチルトシフトっぽい エフェクトを与えられる、という jQueryのプラグインです。非常に 限られたシーンでしか利用できませ んがこういう加工がPs不要で出来る ...
幅が異なる要素にも対応可能なカルーセルを実装するjQueryプラグイン・Lemmon Slider
以前やろうと思ったカルーセルを 実装できるプラグインが配布されて いたので備忘録。幅の異なる要素 にも対応できるカルーセルです。 多くのカルーセルやスライダーは サイズ固定ですよね・・・