30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content
Writen by Bogdan+ / Comments Off on 30 Superb Photoshop Web Layout Tutorials Designing layouts in Photoshop is easier than you think and if the website only needs some text and images, you can actually do all the website in Adobe Photoshop. If you need some inspiration or you want to learn something about web layouts, you should check out these superb tutorials. Some of them are new, some of them
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミックに
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
[CSS]基本的なレイアウトやリセットなどが設定されたスタイルシートのフレームワーク集
Hidden Pixelsのエントリーから、タイポグラフィ・フォーム・グリッドやシンプルなレイアウト・リセットなどが設定されたスタイルシートのフレームワークを紹介します。 CSS Frameworks
atamのブロマガ - ブロマガ
「アイフル」「プロミス 」「モビット」は、消費者金融の大手の中でも人気の高い会社ですが、それらのサービスの違いをご存知でしょうか？ 確かに各社、似たようなイメージでその違いがわかりにくいのですが、総合的に判断するとプロミスが一番おすすめできる消費者金融だと言えます。 まずはこちらをチェックしてください 消費者金融を利用して、キャッシングをしたいとお考えの方は、消費者金融各社のサービス内容を把握してご自身に一番向いているサービスを提供している会社を利用することをお勧めします。 まず、アイフルで手始めにお金を借りようなど、思いつきで利用する消費者金融を決めるようなことは絶対にしてはいけません。 消費者金融でのカードローンの上限金利は年利が平均18％と決められていますが、プロミスは年17.8％に設定されています。 0.2％の差ですが、長期の借入の際には数万円の返済額の節約に繋がります。 カードロ
Applying Divine Proportion To Your Web Designs — Smashing Magazine
Effective web design doesn’t have to be pretty and colorful — it has to be clear and intuitive; in fact, we have analyzed the principles of effective design in our previous posts. However, how can you achieve a clear and intuitive design solution? Well, there are a number of options — for instance, you can use grids, you can prefer the simplest solutions or you can focus on usability. However, in
[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート
New CSS Sticky Footer - 2009 demo 主な対応ブラウザは、IE6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリスト New CSS Sticky Footerは、同じくフッタを下部に固定表示する「CSS Sticky Footer」の空divの使用を排除しHTMLをよりクリーンにし、マルチカラム対応にしたものとのことです。 仕組みはシンプルで、下記が最小の構成になります。 HTML マルチカラムの場合は、「id="main"」のdivに配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrap"> <div id="main" class="clearfix"> </d
2009年のウェブデザインのトレンド：レイアウト編
先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing Magazineから紹介します。 More Web Design Trends For 2009 1. Out-of-the-box layouts 従来のボックスデザインに捕らわれない創造的なレイアウト。
フリーのウェブデザインテンプレートのPSD
ウェブデザインのテンプレートは結構多いけど、こうしたPSD形式での配布は珍しいですね。 今回はフリーPSDテンプレート１０というエントリからご紹介。 デザインの勉強に持つかえるかも 配布形式はPhotoshopなんかで開くPSDファイル。 ダウンロードしてじっくり見てみるのも有りかもしれませんね。 Darkwood Free hosting template Old burned paper Blog Source １０全ては以下に。 過去紹介しているhtml/cssテンプレートサイト 1170 + Ajax/Javascript/Dhtml examples and demos to download Dynamic Drive DHTML(dynamic html) & JavaScript code library Ajax/JavaScriptの宝庫。htmlはあまり関係ないけどお
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Layouts: Grid and CSS Layouts
CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ*ホームページを作る人のネタ帳
Designers Toolbox: OS Form Elements
大和証券