まず、一番大きな機能は、デスクトップ上のウィンド ウを、中途半端な大きさにならないように（グリッドに 合わせたように）ぴったりサイズにする機能です。 他にも以下の機能があります。 ★マック風にウィンドウの折りたたみ [操作]ウィンドウのタイトルバー... 続きを読む

• kujirahand.com
• テクノロジー

先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こう... 続きを読む

• webya.opdsgn.com
• テクノロジー

3連休を如何お過ごしでしょうか。さて、 ちょっと面白いものを見かけたのでシェア します。Masonryのようなレンガ風の レイアウトをCSSのみでサクッと作れる Webサービス。パズルのように組み合わせ るので種類は900パターン近くになる そうですよ。 休日なので... 続きを読む

• kachibito.net
• テクノロジー

デザインするとき、いきなりパソコンに向かいますか？それともノートを広げますか？ デジタルだと簡単に変更できるし再利用も簡単でしょう。ですが本格的にとりかかるより前にはフリーハンドでざくざく描くほうがいい気もします。クライアントの意向を確認する... 続きを読む

• blog.layer8.sh
• テクノロジー

FruidレイアウトでもFixedレイアウトでも、入れ子でも対応できる、シンプルなグリッドシステムを実装するスタイルシートを紹介します。 デモページ：入れ子のグリッド Gridの使い方 Gridは、使い方も簡単です。 コンテナとなる要素のclassに「grids」を加えます... 続きを読む

• coliss.com
• テクノロジー

当サイトの記事でも取り上げている数々のテクニックを取り入れている、IE6/7にも対応したHTML5+CSS3ベースのフレームワークを紹介します。 Gridlessの主な特徴 CSSでユーザーのスクリーンサイズに最適なレイアウトを実現します。 参考：Media Queriesをしっかり... 続きを読む

• coliss.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
• テクノロジー

Design & Develop the Web, Faster. Perkins is a HTML5/CSS3 Framework created by designers and developers to make their life a bit easier. It has a basic HTML5 template including many of the supported tags, a set of LESS stylesheets and mixins ... 続きを読む

• p.erkins.com
• テクノロジー

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

• webdesignrecipes.com
• テクノロジー