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

top of page

©2025 coliss