タグ

Gridとdesignに関するmimosafaのブックマーク (3)

  • Grid 日本語版

    なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは

    Grid 日本語版
  • 15 Responsive CSS Frameworks Worth Considering - Speckyboy Design Magazine

    CSS frameworks are pre-written CSS files that help web designers and developers create websites faster and more efficiently. They are perfect for those looking to launch projects without getting bogged down in the details of coding CSS from scratch. In this collection, we’re focusing on smaller, lightweight frameworks. These minimalist frameworks all offer a simpler alternative to more comprehensi

    15 Responsive CSS Frameworks Worth Considering - Speckyboy Design Magazine
  • グリッドシステムでWebデザインに秩序を生み出そう!(すぐに使えるpsdデータもあるよ) - TokyoHeadTerminal

    見えない線「グリッドシステム」 デザインを行うときには、実際には表示しない仮の線、ガイドラインを規則正しく引いていきます。このガイドラインに沿ってレイアウトをしていくことで「デザインに秩序が生まれる」のですね。 一見ものすごく自由なレイアウトであっても、よく見てみると緻密に計算されたガイドラインが見えてきたりします。 970px グリッドシステム(幅950px + 左右マージン10px) 横幅 950px を 70px のカラムで 12分割して、各カラムのマージンを 10px 取るとちょうど 970px になります。 psd データをダウンロードする 960px グリッドシステム(幅940px + 左右マージン10px) 940px を 60px のカラムで 12分割して、各カラムのマージンを 20px 取るとちょうど 960px になります。 psd データをダウンロードする この2つの

    グリッドシステムでWebデザインに秩序を生み出そう!(すぐに使えるpsdデータもあるよ) - TokyoHeadTerminal
  • 1