[B! webデザイン] [2ページ] yu4uのブックマーク

Responsive Web Design用のグリッドをさくっと作成できるオンラインサービス -Gridpak

スマートフォンをはじめ、タブレット、デスクトップなど、さまざまなデバイス用に最適なウェブデザインを提供するResponsive Web Design用のグリッドを作成し、実装に利用できるスタイルシートや確認用の画像などを生成するオンラインサービスを紹介します。 Gridpak - The Responsive grid generator [ad#ad-2] Gridpakの使い方は簡単です。グリッド生成ツールによくある、グリッド全体のサイズ、カラム数、カラムのパディング、溝のサイズを設定すると、すぐに反映されます。

yu4u 2012/02/10

リンク

HTML5 & CSS3 ブラウザ別サポート状況

What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transf ormation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe

yu4u 2012/02/09

リンク

CSS3リファレンス

背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の

yu4u 2012/02/09

リンク

Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。レスポンシブwebデザインエラスティックレイアウトリキッドレイアウトフレキシブルレイアウト固定幅レイアウトグリッドレイアウト可変グリッドレイアウトレスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。メリット一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。また今後デバイスの種類が増えてもそれに対応できます。それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。デメリッ