HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.What is HTML KickStart? HTML KickStart is an ultra–... 続きを読む

• www.99lime.com
• テクノロジー

簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使... 続きを読む

• log.deconcepter.jp
• テクノロジー

「Flurid」はグリッドレイアウトを作れるCSSフレームワークです。 行と列にページを分割することで、CSSの構築を簡単にできるようになります。 IEの6〜8に対応しているとの事ですので、IE対策にも使えそうですね。 jQueryを使ってグリッドにできるプラグインも... 続きを読む

• blog.verygoodtown.com
• テクノロジー

ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか？ ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ！ 今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。 Grid ... 続きを読む

• www.designwalker.com
• テクノロジー

2010年05月 / 04月≪ 12345678910111213141516171819202122232425262728293031≫06月 けっこう前に書いた960 grid system の記事にアクセスがちょくちょくあるのですが、心苦しいので白状します。ぶっちゃけ今ではblueprintcssの方がおすすめかなあという気にな... 続きを読む

• tategakibunko.blog83.f...
• テクノロジー

The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System. 15/11/09 Update: Updated to allow fluid grid and fixed some bugs with odd gutter sizes. 続きを読む

• grids.heroku.com
• テクノロジー

CSSでのレイアウトがとっても楽になるCSSグリッドシステム（CSSグリッドレイアウト）のご紹介です。960pxのCSSグリッドはもちろん、これからの主流？の978pxのCSSグリッドシステムも合わせて紹介しています。Webデザインに欠かせないCSSでのレイアウト作り。 コ... 続きを読む

• webdesignrecipes.com
• テクノロジー

続きを読む

• 960.gs
• テクノロジー

The 960 Grid System is an effort to streamline web development workflow.Download (180 KB) → Zip contains PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML. 960 Grid System Sketch, Desig... 続きを読む

• 960.gs
• テクノロジー

Minimal and enough. Adaptive and responsive. Revolution grid and beautiful typography. No imposed styles and freedom. Download Installation Download and install the framework into your page: <link rel="stylesheet" type="text/css" href="css/ku... 続きを読む

• imperavi.com
• テクノロジー

<div class="row"> <div class="quarter">Quarter</div> <div class="quarter">Quarter</div> <div class="quarter">Quarter</div> <div class="quarter">Quarter Nested <div class="row container"> <div class="third">Third</div> <div class="third">Third... 続きを読む

• imperavi.com
• テクノロジー

I'm trying to use the built-in ui-grid in jquery mobile for a 3 column layout. The problem are the ui-bars inside the ui-blocks when they have a different height. I'd like to have all 3 columns to have the same height as the highest column. D... 続きを読む

• stackoverflow.com
• テクノロジー

Wednesday, August 17, 2011 JQuery Mobile Split Screen 20-80 hack Use JQuery Mobile's Grid Layout and just override "width" on "ui-block-a" and "ui-block-b" to split screen as per your need. Tested on : iPad, iPhone, and PC Below is fully func... 続きを読む

• mdshannan1.blogspot.com
• テクノロジー

Chapter 5 Displaying data in tables The HTML tables are used to present data in tabular form. They are mainly used by the <table> element, and sometimes through the <div> tag. jQuery Mobile chose to use the <div> element to represent them, al... 続きを読む

• the-jquerymobile-tutor...
• テクノロジー

連載：jQuery Mobile入門 第4回　エフェクト／グリッド／テーマでスマホ・アプリのレイアウトを究めよう 山田 祥寛 2012/04/20 ■均等段組みのためのグリッド・レイアウト jQuery Mobileでは、ウィジェットなどを画面の表示幅いっぱいに広げて表示するのが、ま... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

2012.03.17 jQuery Mobileのレイアウトグリッド (2) [ WEB開発 ] jQuery Mobileのレイアウトグリッドを使うと、tableタグによる段組のようなレイアウトを作ることができます。 これは便利な機能ですが、例えば、右側と左側で幅を変えたいと思っても、思うように... 続きを読む

• plaza.rakuten.co.jp:hu...

とにかく揃えたい人にぴったりのjQueryのプラグインを紹介します。 jQuery.grrrid, grrreat for all grid-related layouts. jQuery.grrrid.jsのデモ jQ [...] 続きを読む

• coliss.com
• テクノロジー

960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。 960 Grid System demo 960px [...] 続きを読む

• coliss.com
• テクノロジー

黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連 続きを読む

• coliss.com
• テクノロジー

224パターンのグリッドが用意されている、無料のスタイルシートのテンプレートを配布しているサイトを紹介します。 CSS Layouts A collection of 224 Grid and CSS Layouts スタイルシートのベースにはYUIが利用されており、IE6/7, Fx, Op, Safariなど主要なブ... 続きを読む

• coliss.com
• テクノロジー