fc2ブログ

Home > デザイン > シンプルでレスポンシブなCSSグリッドシステム「SimpleGrid」

シンプルでレスポンシブなCSSグリッドシステム「SimpleGrid」

Simple-Grid.png

シンプルでレスポンシブなCSSグリッドシステム「SimpleGrid」を紹介します。



SimpleGridは、
スクリーンサイズが、720px → 985px → 1235px と変化していく
グリッドシステムです。

ソースがシンプルなことを売りにしているようです。

div.grid で全体を囲い、div.row で行を管理、
div.row の中で、.slot-（スロット番号）を指定するという形になるようです。


ぜひ、お試しください。


SimpleGrid
http://simplegrid.info/


関連記事

Comments: 0

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 0

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/40-da65251a
Listed below are links to weblogs that reference
シンプルでレスポンシブなCSSグリッドシステム「SimpleGrid」 from バニデザノート

Home > デザイン > シンプルでレスポンシブなCSSグリッドシステム「SimpleGrid」

Sponsored Link
【WebDesign】Photoshopでプロになる！オシャレ＆クールなWebデザイン作成講座
▲Udemy講座第二弾！Photoshopデザインカンプ作成の流れをレクチャーします。クーポンコード【PS_BANIDESIGN】
はじめよう！Wordpressで作るおしゃれサイト【デザイン入門】
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、お得な価格で受講可能！
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。10年以上に渡りオールラウンドウェブクリエイターとして活動した経験を活かして高品質なPhotoshopデータでの「デザインカンプ作成」のお仕事を主に行っています。業務提携いただける企業さま、ウェブディレクターさまを随時募集中です。Wordpress（ワードプレス）、レスポンシブ、スマホ用サイトもできます♪
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の３つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter：９chapter （メイン３、サブ６。110ページ前後ぐらい。）
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。（担当：本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。）
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの１つを寄稿させていただきました！
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate（バニレート）

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195ＧＢ！ 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心！★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心！
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円～！
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items
Canon ミラーレス一眼カメラ EOS M ダブルレンズキット EF-M18-55mm F3.5-5.6 IS STM/EF-M22mm F2 STM付属 ブラック EOSMBK-WLK
Canon ミラーレス一眼カメラ EOS M
Wacom 液晶ペンタブレット 13.3フルHD液晶 Cintiq 13HD DTK-1300/K0
Wacom 液晶ペンタブレット 13.3フルHD液晶 Cintiq 13HD DTK-1300/K0
かわいい印刷―DM、ショップカード、名刺…自分だけの紙もののつくり方
かわいい印刷
ミナ ペルホネン?［通常版］
ミナ ペルホネン?
CANSAY ノート型ホワイトボード NUboard （A3変型）
CANSAY ノート型ホワイトボード NUboard