サイト構築
ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ
Post on:2012年3月23日
無料で利用できる、テーマ別やカラー別にマッチした色を組み合わたカラーパレットやカラーコンビネーションをCreative Color Schemesから紹介します。 まずは、テーマ別から。 Cute 各ページの下部には、複 [...]
[JS]シンプルで軽量だけど、充分な機能を備えたコンテンツスライダーのスクリプト -Casual Slider
Post on:2012年3月23日
各パネルにあらゆるHTML要素を配置可能なシンプルなコンテンツスライダーを実装するjQueryのプラグインを紹介します。 Casual Slider
[CSS]画像無しで、両端にいくにつれ薄くなるラインを描くテクニック
Post on:2012年3月22日
CSS3を使って、フェードするラインをつくるスタイルシートのテクニックを紹介します。 How to Create a Fading Dark Gradient on CSS3 without Images
[JS]広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js
Post on:2012年3月21日
一枚の広大なカンバスにウェブサイトを設置するように、各コンテンツをダイナミックなスライドのアニメーションで表示するjQueryのプラグインを紹介します。 jmpress.js
[CSS]ちょっと面白いMedia Queriesの使い方 -表示サイズで異なるメッセージを表示するテクニック
Post on:2012年3月19日
CSS3のMedia Queriesはユーザーの環境（サイズなど）に合わせて最適なレイアウトを提供するのに使用することが多いと思いますが、ちょっと変わった面白い使い方を紹介します。 How to Create Stunn [...]
[JS]要素の一つひとつを異なるタイミングでスライドさせる、パララックス対応のコンテンツスライダー
Post on:2012年3月16日
jQueryとCSS3アニメーションを使った、パララックス対応のコンテンツスライダーを実装するチュートリアルを紹介します。 Parallax Content Slider with CSS3 and jQuery
[JS]複数のエレメントをターンテーブルのようにぐるぐる回すスクリプト -Roundabout
Post on:2012年3月15日
リスト要素などのネストされたHTMLの要素をユーザーの操作でターンテーブルのようにぐるぐる回転させることができるjQueryのプラグインを紹介します。 Roundabout
[CSS]セレクタの便利な使い方も学べる、一枚の画像で写真を重ねたように見せるスタイルシートのテクニック
Post on:2012年3月14日
画像は一枚だけで、複数の写真を重ねたように配置するスタイルシートのテクニックを紹介します。 下記のキャプチャは、それぞれ一枚の画像しか使用していません。 Use Pseudo Elements to Create an [...]
[JS]ページ全体をダイナミックに横にスライドし、コンテンツを表示するスクリプト -PageSlide
Post on:2012年3月13日
Facebookのモバイル版のように、ボタンやリンクをクリックするとページ全体を横にスライドし、隠されたコンテンツやリンク先のページを表示するjQueryのプラグインを紹介します。 PageSlide -GitHub
iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy
Post on:2012年3月12日
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bo [...]
