サイト構築
Photoshopの面倒なガイド引きを楽チンにするエクステンション -GuideGuide
Post on:2012年1月11日
ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 [...]
[JS]CSS3アニメーションを使った3Dのプレゼン用スライドショーツール -reveal.js
Post on:2012年1月11日
jQueryなどの他のライブラリに依存せずに、ダイナミックな3Dのアニメーションでスライドするプレゼンテーション用のスクリプトを紹介します。 reveal.js デモページ
[CSS]ホバー時にアイコンをくるっと回転させるCSS3アニメーションのテクニック
Post on:2012年1月10日
アイコンをマウスホバーすると、くるっと360度回転させて、ユーザーの目を引きつけるCSS3アニメーションのテクニックを紹介します。 CSS3 Spinning Social Media Icons
デザインやファッションに取り入れたい、2012年のトレンドカラー
Post on:2012年1月10日
Pantoneが2012年セレクションしたカラーは、生き生きとし魅惑的なオレンジ「タンジェリンタンゴ」。 2012 Pantone Color of the Year PANTONE 17-1463 Tangerine [...]
[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js
Post on:2011年12月28日
ページ上のあらゆるエレメントをダイナミックなアニメーションでズームするスクリプトを紹介します。 zoom.js -GitHub デモページ
[JS]ページ上のコンテンツを指定エリア内でレイアウト変更可能にするスクリプト
Post on:2011年12月28日
リストのアイテムやサイドバーの各コンテンツなど、ページ上のコンテンツをドラッグ&ドロップで移動し、それをクッキーに保存するjQueryのチュートリアルを紹介します。 jQuery: Customizable la [...]
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
Post on:2011年12月27日
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files
[CSS]ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル
Post on:2011年12月26日
コンテンツ間の区切りやエレメントに斜めのラインを使ったスタイルを与えるスタイルシートのチュートリアルを紹介します。 Slopy Elements with CSS3
[CSS]Adobeのサイトのあのかっこいいヘッダバーを実装するチュートリアル
Post on:2011年12月22日
Adobeのサイトに実装されている矢印が添えられたヘッダバーを元に、クールなエフェクトを加えてより実用的に実装するチュートリアルを紹介します。 Adobe-like Arrow Headers
[JS]これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト -Flow Slider
Post on:2011年12月21日
IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。 実装にかかる時間は2分くらいでしょうか。 Flow Slider
