The Griddle project has been moved to a new organization specific to Griddle. Check out the new docs page here
Griddle - React Grid Component
The Griddle project has been moved to a new organization specific to Griddle. Check out the new docs page here
継ぎ目なく使用できる 20種類のシームレスグリッドパターン「20 Seamless Photoshop Grid Patterns」
TOP > Photoshop > 継ぎ目なく使用できる 20種類のシームレスグリッドパターン「20 Seamless Photoshop Grid Patterns」 web制作で使用するととても便利に活用・応用ができるパターン素材。種類やデザインも豊富で、さまざまなタイプのものが公開・配布されています。そんな中今回紹介するのは、継ぎ目なく使用できる20種類のグリッドパターン「20 Seamless Photoshop Grid Patterns」「20 Seamless Photoshop Grid Patterns」です。 さまざまなサイズや使い方を想定したグリッドパターンが20種類収録されていて、色の変更やアレンジも可能。さらに元の画像となるPNGデータまで含まれています。 Webサイトの背景や模様として、便せんや原稿用紙の方眼デザインとして活躍してくれそう。またシームレス
uifaces.com
uifaces.com cancelled Why? We have no resources to address the excessive hotlinking driving up our hosting costs I still have ideas or questions
オンラインでも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
幅とカラム数を指定し、整数値のカラムと溝のサイズを一覧表示するグリッド生成ツール -Gridulator
Gridulator 使い方は簡単です。 「Overall Width」に幅の数値を入力します。 矢印で数値を変更することも可能です。 「# of Columns」にカラムの数を入力します。 整数値のカラムと溝が一覧表示されます。 左の「Preview」ボタンをクリックすると、どのような感じになるのか画像で表示されます（下記キャプチャ参照）。 グリッドを原寸サイズでみる場合は、「Make PNG」ボタンをクリックします。 プレビューは複数のものを同時に表示することができます。
[JS]ページにグリッドを重ねてカラムのサイズを自動算出するスクリプト
ウェブページにグリッドをオーバーレイさせて、レイアウトのチェックができるスクリプトをDev Growから紹介します。 デモページ カラムの幅と高さの数値は自動的に表示されるもので、カラムとスペースの数によって算出されています。 グリッドを表示するためには、予め下記の数値を記述する必要があります。 `※デフォルト値は設定されています。 横のカラムの数 横のスペースの数 横のカラムの高さ 縦のカラムの数 縦のスペースの貸す 縦のスペースの幅 オーバーレイの色 オーバーレイの透明度
入門Ext JS：グリッドパネルの使い方をマスター (1/5)
デスクトップアプリ並のUIをWeb上で実現するJavaScript/Ajaxフレームワーク「Ext JS」入門の最終回は、XMLデータの処理とグリッドパネルを扱います。前回までに解説したGoogleマップを表示するスクリプトと組み合わせて、地図と連動する簡単なWebサイトを完成させましょう。 Ext JSでXMLデータを処理する 最近ではJavaScriptで扱いやすいJSON（JavaScript Object Notation）形式のデータが多く使われていますが、すでにあるXML形式のデータを活用したいこともあります。Ext JSはXMLデータもJSONデータ同様、手軽に扱えるので、今回はXMLデータを読み込んでグリッドパネルに表示し、表示された項目がクリックされたら該当場所の地図を表示するサイトを作成します。事業所や店舗などのXMLデータがあれば、そのまま実運用もできるでしょう。
かっちりとしたグリッドCSSが手に入る『the-golden-grid』 – creamu
グリッドレイアウトを簡単に実装したい。 そんなときにおすすめなのが、『the-golden-grid』。かっちりとしたグリッドCSSが手に入るページだ。 このGoogle Codeのページでは、↑のようなグリッドデザインを作るためのCSSが紹介されている。 動作確認も以下のブラウザで行っているとのことで安心だろう。 IE 6/7, Firefox 3, Opera 9.62, Safari 3.2.1 (Win), Chrome 1.0 ライセンスはGNU General Public License v2となっている。 かっちりとしたグリッドCSSが手に入るページ、チェックして参考にしてみてはいかがだろうか。 the-golden-grid 昨日はちょっとしたイベントへ。楽しかったよ。あとでエントリー書こうかな。
Win/Mac/Linux対応、グリッドを簡単に設計できるアプリケーション -Boks
グリッドデザインを確認しながら簡単に設計できる、Adobe AIRのアプリケーション「Boks」を紹介します。 Boks 設計したグリッドの上には、div, hn, pなど要素を配置してレイアウトのイメージを確認することができます。 グリッドのサイズは、設定画面から調整できます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Thumbnail Grid with Expanding Preview
グリッドベースのサイトを作りたいなら『Tiny Fluid Grid』が便利 | 100SHIKI
http://www.designwalker.com/2010/05/grid-design.html