4月, 2012
[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション
Post on:2012年4月6日
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 Mobile Navigation Design & Tutori
ダウンロードしておきたい、新iPad, iPhone4対応のアイコンのテンプレート素材 -iOS App Icon Template
Post on:2012年4月6日
商用でも無料で利用できる、iOS用のアイコンのテンプレート素材を紹介します。 iOS App Icon Template
[CSS]CSS3アニメーションを美しく使ったUIエレメントを作成するチュートリアル
Post on:2012年4月5日
通常時は画像が配置されたパネルで、ホバー時には元画像に重ねて、半透明のアニメーションで情報を見せる「Dribbble」風のエフェクトを実装するスタイルシートを紹介します。 本家よりこっちの方がかっこいいかも。 Using
[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina
Post on:2012年4月5日
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery
ウェブページがデザイン通りに実装されたか確認できるちょっとかっこいいツール -Image-A-Trois
Post on:2012年4月4日
表示中のページに画像をオーバーレイで表示し、デザインの確認をするためのブックマークレットを紹介します。 Image-A-Trois
[CSS]スタイルシートでここまでできる!Responsiveデザイン対応のスライダー -Responsive CSS3 Slider
Post on:2012年4月4日
JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させる
効果的なナビゲーションを設計する5つの大切なポイント
Post on:2012年4月3日
ユーザーが目的の情報を見つけ出せるよう効果的なナビゲーションを設計する5つのポイントを紹介します。 How To Design Effective Navigation Menus
商用利用も無料、全110種類のミニサイズのアイコンのPSD素材 -Micro Icon Set
Post on:2012年4月3日
16x16ピクセルと小さいサイズながらも、視認性に優れたアイコン素材を紹介します。 Micro Icon Set
[CSS]画像にちょっと素敵なエフェクトを与えるスタイルシートのまとめ
Post on:2012年4月2日
コピペで簡単に利用でき、画像はそのままでちょっと素敵なエフェクトを与えるスタイルシートを紹介します。 4 Fun CSS Image Effects You Can Copy and Paste
[JS]文字にアニメーションを使った面白いエフェクトを与えるスクリプト -Text Effects
Post on:2012年4月2日
文字を一文字ずつタイプライターのようにアニメーションで表示したり、一旦ごちゃまぜにして元通りにするアニメーションなど、面白いエフェクトを与えるjQueryのプラグインを紹介します。 Text Effects
sponsors