[JS]グリッドに沿ってさまざまな要素を互い違いにスライドさせるスクリプト -Grid Slide
Grid Slide Plugin [ad#ad-2] Grid Slideのデモ Grid Slideの使い方 Grid Slideのデモ デモは2つあります。 まずは、div要素をスライドさせるシンプルなデモから。 デモページ：Demo 2 Grid Slideの使い方 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 Demo 2のバウンドのエフェクトを使用する場合は「jQuery Easing Plugin」も記述します。 <link href="gridslide.css" type="text/css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascri
960pxのグリッドシステムを使用する際に役立つサイト集
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
オンラインでもPhotoshopでも簡単にグリッドが設計できる -Modular Grid Pattern
オンラインでもPhotoshopでも、数値を指定して簡単にグリッドが設計・作成できる「Modular Grid Pattern」を紹介します。 Modular Grid Pattern [ad#ad-2] Modular Grid Patternは、オンラインでもPhotoshopでも同様の手順で、簡単にグリッドが作成できます。 Modular Grid Pattern：オンライン版 Modular Grid Pattern：Photoshop版 Modular Grid Pattern：オンライン版 ベースラインの高さを変更しているキャプチャ 作成したグリッドは、3つのフォーマットでダウンロードできます。 PNG pattern ※GIMP用 Photoshop pattern ※Photoshop用 Transparency mask ※Fireworks用 [ad#ad-2] Mod
美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ -The Golden Grid
黄金比（1:1.6180）をベースに作成されたグリッドを使った、ウェブページのレイアウトに役立つテンプレートとツールを紹介します。 The Golden Grid [ad#ad-2] The Golden Gridの仕組み The Golden Gridのセット内容 The Golden Gridの仕組み 「The Golden Grid」は960 Grid Systemに水平方向のガイドを加えたもので、グリッドを構成するカラムと溝を黄金比ベースにしたものです。 黄金比については以前の記事で少し取り上げました。 黄金比をサイトのデザインに取り入れる簡単な3つの方法 「The Golden Grid」は長方形の幅と高さ（a/b）が黄金比（1.6180）をベースに構成されており、マージンの横と縦（x/y）も黄金比をベースにしています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
