The beauty of minimal CSS: 25 outstanding examples - FrancescoMugnai.com - Graphic Design Inspiration and Web Design TrendsAbout Francesco Mugnai I'm an Adobe Certified Expert in Photoshop CS4, i work as Teacher, Graphic Designer and Web Designer. My other websites: Itevenhasawatermark - CSSMachine
遊びごころ満載、横罫線「hr」のクリエイティブなデザインいろいろ
Smashing Magazineでは現在、楽しくてクリエイティブな横罫線「hr」のデザインのコンテストを行っており、最終選考に残った25作品を紹介します。
9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Whether you’re a front-end graphics de
それなりに使い勝手が良さそうなヘッダーのサンプル4種｜CSS HappyLife
17日から下書き状態だったエントリー、、、沢山用意する予定だったけど色んな都合で増えない予感なんで公開。 ずいぶん昔にフッターの区切りっぽいサンプルを作ったけど、ヘッダーは作ってなかったので、ヘッダーのサンプルを作ってみましたよっと。 というか、ヘッダーのサンプルって見かけたことがほっとんど有りません。（必要とされてないから？ ヘッダーって作るの大変というか、厄介だったりしませんかね。 全部画像ならがっちり固定しちゃえば、文字サイズ変更されても耐えられますけど、一部テキストがあったりした場合とかに文字サイズ変更するとレイアウト崩れてしまったりっていうアレが厄介だったりするのです。 文字サイズ変更しても崩れないようにする事を、DDTT対応っていうんでしたっけ。 今回のサンプルデザインは、一部弊社デザイナーにお願いしてつくってもらいました。 感謝感激でございまする。 デザイン提供してくれた方は
Beautiful sites with no (or very few) images - fadtastic - a multi-author web design trends journal
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
文書指向ウェブデザインにおけるスタイルシートの定石 - Hatena::agenda
スタイルシートの文脈で文書指向ウェブデザインを説明すると、文書を読みに来た閲覧者のみをターゲットにしたデザインということだ。正式版をjintrick.netで公開する前に1時間で書いたプレビュー版を糞ブログに「流して」おこう。 前景色は黒（#000）、背景色は白（#FFF）にすることで、より確実な可読性を確保できる。眩しくて読みづらいというよくある批判に対する答えはこうだ： モニタの輝度を落とせば良い。 モニタの輝度を落とさなければならない状況が考慮されていない。 特に後者はまだ誰も言及していないんじゃないかな。 左右のマージンを小さくすることで、より幅広い状況に適応できる。相対指定の2〜3%程度で十分だろう。それでも左右が詰まっていて息苦しいという批判に対する答えはこうだ： その閲覧者はデザインを眺めに来たのであって、文書を読みに来たのではない可能性が高い。 CSSにおけるmax-wid
Stu Nicholls | CSS PLAY | Professional horizontal menus
CSS MENUS › Professional horizontal series Date : August - November 2007 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Professional #1 Home Privacy Policy Products Where to find us Contact us Search Download Pro menu #1. Please read terms and conditions below. Professional #2 Home Privacy Policy Products Where to find us Contact us Search Down
Scalable CSS Buttons Using Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen
This guide will help you create your very own dynamic CSS buttons. We will accomplice this with the use of PNG files, transparency and background colors. This will allow the buttons to scale according to our needs and still be useable on older systems that do not support the fancy buttons as you can see on casinoidag.se. You can find many CSS button scripts on the web. Many of them do not do what
本文の下のほうをFade Outしてフッターを際立たせる方法 | SiMPLE*SiMPLE
本文の下のほうをFade Outしてフッターを際立たせる方法 May 9, 2007 8:08 AM written by 8maki fortuitousというブログには、ちょっと楽しい小細工が。 本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。 ちょっと実現方法がユニークなので皆さんも考えてみてください。 実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。 なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。 たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。 » fortuitous ■ 追記（2007-05
実用的！レイアウトで悩んだときに頼れるツール
計算された余白やレイアウト。見えない線に沿って揃えることが大切な要素ですが、美しいと感じるものには何か法則があるはずです。 そこで、簡単にバランスの取れた美しいレイアウトができる頼れるツールをふたつご紹介します。 黄金比、白銀比を活用 ひとつめは、わたしも頼りにしている黄金比や白銀比のレイアウト計算が簡単にできるツールです。美しいレイアウトを計算してくれるツール でも紹介しましたが、またまたデザインも一新してリニューアルしました。 レイアウトの小技 Ver2.0 電脳狂想曲 WEBデザインの小技 黄金比は名刺やタバコ、白銀比はA判サイズの用紙など身近にある比率なのでバランスよく見えるんでしょうね。画像をトリミングするときや、ロゴやバナーを配置するときなどに取り入れてみてはいかがでしょうか。 （サンプル：横幅 780px を黄金比で再分割してみました） こちらの記事もレイアウトの参考になりま
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ CSS書いてますか！！ ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです＞＜ ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね！ この余白は 6px だな、こっちのblockは 40px くらいかな？ とか…！ 大きいのは難しいけど！ 最近はエラスチックなんとかレイアウト？っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね！ ところで、そんなぼくがCSSを書くときに必須なツールがあります！ 紹介しちゃいますね！ きっと手放せなくなっちゃうよ！ ひとつが、カラーピッカーだね！ 画面上の好きな色を拾うやつ！ これは色々なものが公開されているから省略しますね！ ぼくはこれつかってるけど！ もうひとつ…
Pull-quote Design Showcase | Smiley Cat
I’m a big fan of using pull-quotes (or callouts) to improve the readability of content-heavy pages. Not only do call out important content, but they can also be used to break up content on the page and provide additional visual interest. However, I’ve been finding it hard to discover good examples of pull-quote styling around the web (please let me know if you have some examples I should include).
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Spriteを活用しよう - DesignWalker
asparkcreative.com is almost here!
http://www.formstylegenerator.com/
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
Open Source Web Design - Design Information - Notepad
Web typography: bottom margins of paragraphs and lists | maratz.com
Dynamic Drive DHTML(dynamic html) & JavaScript code library
Goro Harumi