画像のズームと、ドラッグによる連続表示を使った360度ビューが可能なECサイト向けjQueryプラグイン・Dopeless ECサイトに良さそうなjQuewryの プラグイン・Dopelessのご紹介 です。画像のズームと、ドラッグ 操作で360度ビューを再現できる というもの。タッチデバイスに も対応しているようです。2012.10.01 | 10時43分03秒jQueryWebデザイン
色覚障害のあるユーザーに、Webサイトがどう見えているかをザックリと教えてくれるWebツール・Chromanope 日曜日ですが、良さ気なツールを 見かけたので備忘録的にご紹介。 色覚障害の方、俗に言う色弱の 人にとってWebサイトがどう見えて いるかを教えてくれる、という Webサービスです。2012.09.30 | 10時49分59秒WebサービスWebツール
Adobe kulerのカラースキームを使ってTwitter Bootstrap用のCSSを作成出来る国産Webサービス・PaintStrap ご連絡頂いたのでご紹介。人気の Twitter Bootstrapのデザインを、 kulerを使ってサクッと作り出せ るWebサービスです。国産なので 英語が苦手な方でも安心して使用 出来ると思います。2012.09.28 | 11時46分34秒WebサービスWebツールジェネレーター
Google Web FontのフォントをCSS3で装飾した状態で確認出来る・Best Google Web Fonts Googleにホスティングされて いるWebフォントにCSS3等で 3Dやレタープレスなどのエ フェクトをかけた状態をサク サク確認できる、というWeb サービスのご紹介です。2012.09.25 | 11時02分46秒WebサービスWebツール
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル 今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。2012.09.24 | 10時47分07秒cssやプログラミングWebデザイン
タッチイベントにも対応のレスポンシブなカルーセルを実装するjQueryプラグイン・Responsive Carousel レスポンシブWebデザイン対応の カルーセルを実装出来る、という jQueryのプラグイン・Responsive Carouselのご紹介です。どうでも いいですけど、ネーミングその まんまですね。2012.09.22 | 11時14分45秒jQueryWebデザイン
iPhone向けにレイアウトされたWebデザインのギャラリーサイト・Meer.li iphone向けにレイアウトを組んだ Webサイトのデザインギャラリー・ Meer.liのご紹介です。同じような デザインギャラリーは沢山あるの で参考までに。他にもアイコンや iPad用も構築中みたい。2012.09.21 | 10時31分39秒iPhone / iPadWebデザインインスピレーション
スクロールに応じてパララックス効果を表現できるスクリプト・jarallax スクロールに応じて視差効果 を表現できるスクリプト・ jarallaxのご紹介。jQueryを 必要とするみたいです。よく 見かけるやつですが、デモが 良かったので備忘録的に。2012.09.20 | 10時35分25秒jQueryWebデザイン
AndroidのUIデザインパターンを専門に収集しているギャラリーサイト・Android niceties Androidに特化したUIデザインパターン のギャラリーサイト・Android niceties のご紹介です。自動で次のページを読み 込んでくれるのでサクサクギャラリーを 見る事が出来ます。特化型のギャラリー は少ないので覚え...2012.09.19 | 10時40分17秒Webデザインインスピレーション
jQueryでラジオボタンを旧Diggのラジオボタンっぽくする speckyboyの記事が参考になった のでメモ書き。ラジオボタンを jQueryで以前のDiggっぽくする という内容です。CSSによるスタ イルも楽に出来るのは魅力ですね。2012.09.14 | 10時35分33秒jQueryWebデザイン
レスポンシブWebデザインのためのリソースをまとめたWebサイト・This Is Responsive レスポンシブなWebデザインを 作るときに役立つ情報やツール などをまとめているWebサイト、 This Is Responsiveをご紹介 します。情報はかなり出回って いるのでこうして纏められると 助かります。2012.09.13 | 10時35分07秒cssやプログラミングWebデザイン
ページ内の特定の要素を目次として生成出来るjQueryプラグイン・MagicNav.js 良さ気なプラグインだったので 備忘録。ページ内の特定の要素 を指定すると、その要素を目次 として生成出来る、というjQuery のプラグインです。長文のブロ グを書く方は楽できるのでは。2012.09.11 | 10時37分20秒jQueryWebデザイン
要素全体にblur効果を与えられるjQueryプラグイン・Foggy いい感じのエフェクトだったので メモ。画像だけでなく、テキスト なども含んだ要素全体にblur効果 を与えられる、というjQueryの プラグインです。なかなか面白い。2012.09.08 | 10時40分04秒jQueryWebデザイン
[書評] jQuery Mobileの基本から応用までを網羅「jQuery Mobileパーフェクトガイド」 jQuery Mobileに関する書籍をご献本 頂きました。記事を持って御礼とさせ て頂きます。スマフォの普及で需要 の高くなった印象のJQMについて、 基本から応用まで詰め込んだ一冊です。2012.09.07 | 11時20分56秒jQueryWebデザイン
幅が異なる要素にも対応可能なカルーセルを実装するjQueryプラグイン・Lemmon Slider 以前やろうと思ったカルーセルを 実装できるプラグインが配布されて いたので備忘録。幅の異なる要素 にも対応できるカルーセルです。 多くのカルーセルやスライダーは サイズ固定ですよね・・・2012.09.02 | 10時45分30秒jQueryWebデザイン
ボックスを綺麗に並べてくれるMasonryライクなjQueryプラグイン・Freetile.js サイズの異なるボックスを綺麗 に配置してくれるスクリプト、 MasonryっぽいjQueryプラグイン、 Freetile.jsです。似たような スクリプトは結構ありますので 参考までに。2012.09.01 | 10時44分28秒jQueryWebデザイン
シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOAST よりシンプルに、を追求したCSS フレームワークだそうです。レス ポンシブWebデザインにも対応し ています。シンプルと言う言葉に どうも弱い・・・2012.08.31 | 10時33分57秒cssやプログラミングWebデザイン
テキストのサイズを調整し、両端をピッタリと揃えて表示するスクリプト・slabTextをWPプラグインとして日本語環境に対応・WP slabText ご連絡頂いて、良さ気だったので ご紹介。以前記事にした、テキスト の両端を揃えるタイポグラフィ系 のスクリプト・slabTextを日本語 でも利用出来るようにし、且つWP で利用出来るようにしてくれました。2012.08.30 | 10時35分33秒jQueryWordPressプラグイン
シンプルな日付ピッカーを実装するjQueryプラグイン・jQuery.minical デートピッカーを実装するjQuery プラグイン・jQuery.minicalです。 シンプルさと軽量さが特徴です。 jQuery UIを使うほどでもないよう な場合はこういった軽量でシンプル な物が使いやすいですね。2012.08.19 | 10時35分27秒jQueryWebデザイン
jQuery UIのデザインテーマをオンラインで作成出来るWebサービス・jQUIT Builder jQuery UIで利用出来るテーマを オンラインで作成出来る、という Webサービス・jQUIT Builderの ご紹介です。公式でもかなりテーマ を用意してくれていますが、やはり 自作したいところですね。2012.08.17 | 10時35分29秒jQueryWebサービスジェネレーター
ドラッグしたテキストで辞書検索出来るようにするjQueryプラグイン・Wordsmith テキストをドラッグすると アイコンが表示されて、ク リックすると辞書サイト等 で検索結果を表示する、と いうjQueryプラグインです。2012.08.15 | 10時48分29秒jQueryWebデザイン
Tumblrのオリジナルテーマ作成用フレームワーク・tumblr-framework Tumblrでオリジナルのテーマを自作 するためのフレームワーク・tumblr -frameworkのご紹介です。日本でも 企業が公式ブログ等にTumblrを使い 始めていますのでこういったフレー ムワークも確保しておくと良さそう...2012.08.14 | 10時59分47秒オープンソースソフトウェア