黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid 黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利...2012.06.06 | 11時16分51秒Webデザインメディア関連
シンプルなインターフェースのカラーピッカーを実装するjQueryプラグイン・jquery-colorpicker シンプルなカラーピッカーを実装 できるライブラリのご紹介です。 jquery-colorpicker。高性能な カラーピッカーが不要なシーンで いかがでしょう。2012.06.02 | 10時25分01秒jQueryWebデザイン
Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。2012.05.31 | 10時06分55秒cssやプログラミングiPhone / iPadjQueryWebデザイン
impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール・Impressionist ユニークなHTML製のプレゼンを生成 出来るライブラリ、impress.js使用 のプレゼンテーションをオンラインで 作れるWSIWYGライクなWebサービス・ Impressionistのご紹介。まだアルファ 版のようです。2012.05.25 | 10時02分32秒jQueryWebサービスWebツール
ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。2012.05.24 | 10時03分47秒jQuerySEO検索エンジン
jQueryでpre、code要素内に書いたコードをプレーンテキストで別窓表示できるようにする <pre>と<code>内に書いたコード をプレーンテキストで別窓表示させるリンク をjQueryで作るコードです。Web制作者向けの Tipsになります。地味に便利そうだったの で備忘録。2012.05.22 | 11時07分44秒jQueryWebデザイン
Androidアプリ専門のUIギャラリー・Android App Patterns Androidアプリ専門のUIギャラリー サイト・Android App Patternsの ご紹介。iPhoneのは多いですけど、 Android専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。2012.05.21 | 9時55分07秒Webデザイン
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。2012.05.20 | 8時18分22秒jQueryWebデザイン
タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework 良く使われるUIキット付属の CSSフレームワークです。960 グリッドシステムも搭載して いますので、様々なレイアウト にも対応できる柔軟なフレーム ワークになるかもしれません。2012.05.19 | 11時59分44秒cssやプログラミングWebデザイン
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Ma...2012.05.17 | 12時40分31秒jQueryWebデザイン
文章中の任意のキーワードをアニメーションしながら定期的に別のキーワードに置き換える軽量jQueryプラグイン・dynamo.js 珍しい感じだったのでご紹介。軽く 目を惹かせる事が出来そうな感じ。 文章中の特定のキーワードを、 定期的に別のキーワードに置き換える 事が出来ます。アニメーションさせ るので部分的に目立ちそうですね。2012.05.16 | 10時33分11秒jQueryWebデザイン
jQueryでフォームのlabel要素をinput内に表示し、フォーカスしたらスライド、入力中は非表示にする 説明的なタイトルですが・・input要素 の中にlabel要素のテキストを表示させ、 フォーカス時にはアニメーションで右に スライドし、入力中は非表示にする、と いうのを実装できるjQueryのプラグイン です。2012.05.15 | 12時58分31秒jQueryWebデザイン
CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support プロパティがどのブラウザに対応 しているかを調べられる、という 検索式のリファレンスサイトです。 バージョン別になっているので、 動かなくて困った、という時に調 べて見ては如何でしょう。2012.05.13 | 10時16分09秒cssやプログラミングWebサービスその他
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font 土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。2012.05.12 | 11時00分36秒Webデザインメディア関連
ドロップダウンするページ内スクロール用の固定ナビゲーションを実装するjQueryプラグイン・fixedTOC 個人的に使いそうなのでメモ。 よくあるページ内スクロールを 固定させてドロップダウン式に するjQueryプラグインです。 これはなかなか実用性があると 思います。2012.05.10 | 11時11分11秒jQueryWebデザイン
カウントダウン終了後に任意のコードを実行できる軽量jQueryプラグイン・jquery-countdown カウントダウンタイマーの実装と 終了後に任意のイベントを発生 させられるjQueryのプラグイン、 jquery-countdownのご紹介です。 たまに見かけるやつですね。使用 頻度は高くは無さそうですけど。2012.05.08 | 11時26分50秒jQueryWebデザイン
羅列した要素をjQueryで徐々にランダム表示させる 羅列された要素をフェードイン しながら徐々にランダムで表示 させるエフェクトをjQueryで実装 出来る、というプラグインの ご紹介。割と短いコードで作れる エフェクトなので覚えておきたい ですね。2012.05.06 | 11時07分48秒jQueryWebデザイン
Media Queriesで設定したブレークポイントをJavaScriptと:after擬似要素でチェックする 便利そうだったので備忘録。Media Queriesで設定したブレークポイント を簡単なJSのコードでチェックする、 という方法です。CSSの:after擬似 要素を併用してチェックします。シ ンプルで良いのでは。2012.05.05 | 10時53分49秒cssやプログラミングiPhone / iPadWebデザイン
Gistに書いたCSSやJavaScriptのコードを表示し、その場で実行出来るjQueryプラグイン・Intelligist Gistのコードを表示させるだけでなく、 その場で実行出来るようにする、という jQueryのプラグインです。あんまり 用途は浮かばないかもですけど、珍しい ので一応メモ的に。Gistは複数指定 可能です。2012.05.03 | 10時39分02秒jQueryWebデザイン
Facebookのように、顔文字を絵文字に変換するjQueryのプラグインと、絵文字の作成、共有が出来るサービス 参考になったのでついでにシェア。 顔文字を絵文字の画像に置換する プラグインです。Facebookで特定 の顔文字を入力すると絵文字に自動 で変換されますが、そんな機能を 加える事が出来ます。2012.05.01 | 10時24分34秒jQueryWebデザインジェネレーター
オープンソースのPHP+jQuery製オンラインファイルマネージャ・elFinder OSSのファイルマネージャが良さそう だったのでご紹介。結構高性能っぽい です。こういうのは手軽なものがあま りない印象なので使う機会は無いけど 一応抑えておきたいところです。うま く使いたいところですけどね・・2012.04.30 | 12時27分51秒jQueryオープンソースソフトウェア
jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと ...2012.04.28 | 10時39分34秒iPhone / iPadjQueryWebデザイン