<textarea name="code" class="css" cols="60" rows="5"> .dp50{width:50%;float:left;display:inline;*margin-right:-1px;} </textarea>
Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative - Pattern Tap パーツごとのデザインが盛り沢山で参考にできる「Pattern Tap」。 結構前に話題になっていたようですが知らない方もいるようなのでご紹介。 アーティクルカテゴリに入ったデザインのパターン(188種類) ページネーションのパターン(102種類) コメント・コメント欄のパターン(45種類) これらの他にも、ページフッター、404ページ、ポートフォリオといったカテゴリが全部で45種類あります。 パーツごとのデザインに迷った際に参考にするとよいですね。
TOP > WebDesign > シンプルで美しいWEBデザイン集「50 Beautiful Clean and Simple Web Designs」 シンプルなデザインほど、ごまかしがきかず、スペースの空き具合や、フォントの選び方等、様々なバランスが目立ってきて難しい場合が多いですが、今回紹介するのはバランスのとれたシンプルで美しいWEBデザイン集「50 Beautiful Clean and Simple Web Designs」です。 SOFA シンプルで無駄のWEBデザインが多数集められています。今回はその中からいくつか気になったページをピックアップして紹介したいと思います。 詳しくは以下 ■Mark Boulton Design タイポグラフィが際立つ、シンプルながらもインパクトのあるWEBデザイン。 ■Mark Boulton Design シンプルながらもしっかり
Web制作が楽しくなるCSS3/JavaScriptのテクニック50 - 海外デザイン事情第6回 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2024.6.23 SUN 第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年02月15日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Brilliant CSS3/JavaScript Coding Techniques」をもとに、CSS3に関する海外の最新テクニックを紹介しよう。 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:50 Brillian
ユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」 タブやフォーム、ラジオボタンにチェックボックス、ページングとWEB特有のデザインや昨日はいくつもありますが、WEBデザインを起こす時、それを一つ一つデータを起こしているとかなり大変です。今日紹介するのはユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」です。 Flex Stencil Kit 様々なインターフェイスに対応した素材がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Free Sketching & W
TOP > WebDesign , WebService > 知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」 CSS+XHTMLでのコーディングスタイルが主流になってかなり建ちますが、さらに新しい、CSS3という言葉も最近は耳にするようになってきました。CSS3を使えば、今まで画像でしかどうしても表現できなかった部分等もコードで実装可能になりますが今日はそんなCSS3のテクニックをあつめたエントリー「CSS3 Techniques You Should Know」を紹介したいと思います。 グラデーション表現や、ドップシャドウなどなど、いままでどうしても画像に頼っていた部分がかなり解決されるみたいです。紹介されているものノン蚊からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Drop Shadows ドロッ
第4回「CSS3を使ったより強く、より良い、より手軽なデザイン」 2010年01月05日 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:Stronger, Better, Faster Design with CSS3 http://www.smashingmagazine.com/2009/12/16/stronger-better-faster-design-with-css3/ 著者:ZURB 翻訳:中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSS3に関する前回の記事「Pushing Your Buttons With Practical CSS3」で、私たちはCSS gradients、角丸の囲み罫、ドロップシャドウなど、CSS3の新しいテクニックを使
WordPressを洗練されたデザインにしたい。そんなあなたにおすすめなのが、『55 Excellent WordPress Site Design for Design Inspiration』。デザインのインスピレーションになるWordPressデザインです。 いくつかご紹介しますね。 ↑はDapurpixel。 Blackmoondev Kylefiedler Cooperskids Ecoki かっこいいのが揃っていますね。背景やレイアウト、イラストの使い方、グローバルメニューなど、参考になるのではないでしょうか。 WordPressで作られているので、URLの設計やエントリーの表示なども参考になると思います。 一度見てみてください♪ 55 Excellent WordPress Site Design for Design Inspiration | Inspiration |
復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu
雑誌風、新聞風のWEBレイアウト50選「50 Impressive Magazine and Newspaper Styled Web Designs」 最近国内でもよく見かける紙面のような、レイアウトのWEBデザイン。従来のモノと比べて新鮮な印象を受けます。今日紹介するのはそんな雑誌風、新聞風のWEBレイアウトを集めた、インスピレーション集「50 Impressive Magazine and Newspaper Styled Web Designs」です。 R.fm – The Finest Blend of Club Culture 一口にマガジンタイプといっても、様々なレイアウトが公開されています。全部で50ものレイアウトが公開されていますが、今日はその中から気になったものをいくつか消化したいと思います。 詳しくは以下 ■Zaum & Brown | CD Sleeve Desig
Mega menus are a growing trend in web design (see Mega Menus: The Next Web Design Trend from Sitepoint). For sites that involve a lot of pages and/or products, a mega menu may be able to improve navigation and usability. In this post we’ll look at 25 examples of mega menus in action. Many of those featured in this post are from e-commerce websites. Mega menus are common on e-commerce sites because
ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg
TOP > WebDesign > ポートフォリオを作るときの助けとなるデザインリソース「60+ Helpful Resources for Portfolio Design」 WEBデザインやグラフィックデザイナーなど技術を売り物にする人達に取って自分のショーケース的な存在になるポートフォリオ。現在のWEBでポートフォリオを展開すると言うのはジャンルを問わず、クリエイターでは一般的な事になりつつあります。 One-Page Portfolio Template(Free) 今回紹介するのはポートフォリオサイトを作るときに役立つ、デザインリソース&テンプレートを集めたエントリー「60+ Helpful Resources for Portfolio Design」です。今回は利用できるテンプレートに絞っていくつか紹介したいと思います。 詳しくは以下 ■Minimal HTML Po
あなたのサイトに予定の「予約」機能をつけてくれる『Setster』 October 3rd, 2009 Posted in 便利ツール(ウェブ) Write comment Setsterはいわゆる「予約」機能をあなたのウェブサイトやブログにつけられるサービスだ。 コンサルタントやコーチ、カウンセラーなどは独自の予約システムを持っていると思うのだが、その部分をASPでどうぞ、というわけだ。 こうしたツールはいままでもあったが、少し気が利いているのは既存のサイトに(デザイン的に)無理なく統合できる点だ。 これを導入するとサイトの左側に「Appointment」なるタブがついて、それをクリックすると予約画面が現れるようになっているからだ。これならあまり邪魔でもないし、目立たないというわけでもない。 またこのサイトでは「Preview」なる機能もある。自分のサイトのURLを入れてみれば、そのタブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く