Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
部屋の模様替えや家具のレイアウトに役立つWebサービス10+4 – creamu
86533431, Jupiterimages/ Comstock/ Thinkstock いろいろな間取り図を見たり、部屋の模様替えを考えたりするのが好き。 そんな人におすすめなのが、無料で使えるオンラインレイアウトツールです。インストール不要なブラウザのみで利用できる間取り・レイアウトツールを集めてみました。 AutoDesk Homestyler AutoCADで有名なAutoDesk社による高機能レイアウトツール。現時点ではこれが最強かもしれません Roomle こちらも負けず劣らずの高機能ツール。使い勝手もなかなか良い感じです Floorplanner.com こういったサービスの中では古参といえるサイト。日本語にも対応しています PlanningWiz Online Room 大きな画面で見やすいのが特徴的なツール。操作もかなりシンプルです SeeMyDesign プロの建築家
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
AFRO FUKUOKA 福岡の今がつまったグッドライフマガジン
2024年6月15日（土）～6月30日（日） 〈作家在廊日〉6月21日（14:00-18:00）、6月22日,23日（11:00-18:00）
かっちりとしたグリッドCSSが手に入る『the-golden-grid』 – creamu
グリッドレイアウトを簡単に実装したい。 そんなときにおすすめなのが、『the-golden-grid』。かっちりとしたグリッドCSSが手に入るページだ。 このGoogle Codeのページでは、↑のようなグリッドデザインを作るためのCSSが紹介されている。 動作確認も以下のブラウザで行っているとのことで安心だろう。 IE 6/7, Firefox 3, Opera 9.62, Safari 3.2.1 (Win), Chrome 1.0 ライセンスはGNU General Public License v2となっている。 かっちりとしたグリッドCSSが手に入るページ、チェックして参考にしてみてはいかがだろうか。 the-golden-grid 昨日はちょっとしたイベントへ。楽しかったよ。あとでエントリー書こうかな。
レイアウトデザインを学ぶためのチュートリアル決定版 – creamu
「AREA 1」で、60 Layout design tutorialsと題してレイアウトデザインを学ぶためのチュートリアルが紹介されています。 12ページあって見るのは大変ですが、WordPressデザインやポートフォリオサイト、コーポレートサイトなど、クールなデザインレイアウトのチュートリアルがたくさん見られます。 以下にざっとご紹介。 ↑はGreenPress WordPress Theme Design。 Website Gallery Layout Design Tutorial Site Blog Design Chocolate Pro WordPress Style Layout Portfolio Web Layout #5 Tutorial Wedding Layout その他は以下からどうぞ。 » 60 Layout design tutorials デザインに迷った
2009年のウェブデザインのトレンド：レイアウト編
先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing Magazineから紹介します。 More Web Design Trends For 2009 1. Out-of-the-box layouts 従来のボックスデザインに捕らわれない創造的なレイアウト。
サイトのレイアウトやエレメントを作成するPhotoshopのチュートリアル集
ウェブサイトのレイアウトをはじめ、ナビゲーション、ボタン、アローなどのエレメントを作成するためのPhotoshopのチュートリアルの紹介です。
jQueryでウェブデザイン | コスミー報告書[社外秘]
ひさびさにjQueryをのぞくといろいろ便利そうなプラグインが出てる。 １．レイアウト ウェブページのレイアウトって、クロスブラウザでやろうと思うとなかなか大変である。スタイルシートとかIEとFirefoxではだいぶ違う。 ・Docking layout manager きっとクロスブラウザ。少なくともFirefox3とIE7では同じに見えた。 http://labs.rajeeshcv.com/layoutmanager/default.html ・Flexify もっといろいろできるっぽい。リサイズ可能なスプリッターもある。 http://plugins.jquery.com/project/Flexify ２．フォーム フォームはかっこよく、かつ便利にしたいもの。 ・Labelize: a jQuery Label Maker フォームを含んだいくつかのHTML要素をひとまとめにでき
![jQueryでウェブデザイン | コスミー報告書[社外秘]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
一流のサイトデザインを一から作成する手順集:phpspot開発日誌
The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。
CSS-Based Tables: Modern Solutions | Smashing Magazine
Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check
Photoshopで作成するページレイアウトのチュートリアル集
ウェブページのレイアウトを作成するPhotoshopのチュートリアルの紹介です。 チュートリアルでは、PSDファイルをダウンロードできるものもあります（チュートリアルにより無料or有料）。
CSSレイアウトテクニック"偽装絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル
A List Apart - Faux Absolute Positioning CSSでポジションを指定する方法は大きくわけてfloatを使う方法と絶対位置で指定する2つの方法がある。多くのサイトではヘッダとフッタを伴うカラムレイアウトを採用していることが多い。絶対位置指定では縦方向にコンテンツが成長するタイプのレイアウトでフッタの位置を指定できないという問題がある。このためfloatレイアウトを使うわけだが、こちらでは予期しないコンテンツの内容変更によって予定していたポジションからずれてしまうことがある。とくにIEではwidthの挙動に問題があるため制御するのがきわめて難しいという状況だ。 Eric Sol氏はこうした現状に対して新しい指定手法を考案したとし"Faux Absolute Positioning"としてA List Apartにおいて紹介している。同氏はより自由にドラッグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グリッドベースのサイトを作りたいなら『Tiny Fluid Grid』が便利 | 100SHIKI
IDEA * IDEA
[JS]パネルを新聞のように隙間なく自動で配置するスクリプト -Masonry
IDEA * IDEA
http://www.designwalker.com/2009/04/wireframe-2.html
http://www.designwalker.com/2009/01/web-layout.html
インテリア計画支援ツール「PlanningWiz」 | ライフハッカー・ジャパン
