みんなで作るWEBデザイン参考集「ブックマ！」感性を刺激するWebデザインギャラリー＜bookma!＞
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
ランディングページ集めました。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
フリーで商用可のハイクオリティなブログ用アイコンセット「Cute Blogging Icon Set」＆ウェブアプリ用「Application Icon Set」
「Web Icon Set」からのタレコミによると、本日付でブログを書いている人のために無料で使用できる「Cute Blogging Icon Set」と、ウェブアプリのために無料で利用できる「Application Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは32×32・48×48・64×64・128×128の4種類が同梱されているため、いろいろな使い方ができるように工夫されています。 どちらも個人用途だけでなく、商用利用も可能と明記されており、非常に使い勝手のいいセットに仕上がっています。 ダウンロードは以下から。 Cute Blogging Icon Set | Web Icon Set http://www.webiconset.com/cute-blogging-icon-set/ Application Icon Set | Web Icon Set
新しくて便利なWordPressのプラグイン20+ – creamu
net tuts+で、新しくて便利なWordPressのプラグインがたくさん紹介されています。 いくつかご紹介しますね。 Drag To Share Mashableに見られる、画像をドラッグしてTwitterなどに投稿できるプラグイン Paginator スクロールでページを切り替えられる TypeKit Plugin for WordPress WordPressでTypeKitのサービスを使えるようになるプラグイン Custom Coming Soon Page かわいいカミングスーンページや工事中ページを作ってくれる Custom Class Selector エントリー毎にCSSのカスタムクラスをプルダウンで選べるようになる Pretty Comments コメントの テキストエリアにwysiwyg機能をつけてくれる Freebie Images: Free Stock Imag
Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」:phpspot開発日誌
Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」 2009年11月17日- Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」が公開されています。 次のように質感がなんとも美しいアイコンセットです。コミュニティや鍵、ＤＢ、ノートといったＣＧＭっぽいサイトで使えそうな内容になっています。 種類は10種類でサイズはそれぞれ4種類PNG形式で入ってるみたいです。 ちょっとオシャレなデザインのサイトにマッチしそうなアイコンセットですね。 以下のエントリを参照してください。 Web Icon Set - Offers Professional and Quality Icon Sets
秀逸なWEBデザインの注目すべき細部デザイン色々:phpspot開発日誌
秀逸なWEBデザインの注目すべき細部デザイン色々。 全体を見ていると見落としがちな細部ですが、細かいところにこだわりつつ色々なサイトの紹介がされています。 かなり細かいところですが、細かくこだわることで、サイトデザインの深みやインパクトが強められそうです。 CSSのテクニック的にも色々と使っていて参考に出来そうな部分も多そうです。 影や角の畳んでいる部分など詳細にアクセントを持たせている例 角丸で影付き。背景ともなじんでいる例 飛び出したナビゲーションメニュー。影もあり 凝ったドロップダウンメニュー 凹凸をうまく表現したタイトル＆メニュー リンク先、その他全て見るには以下のエントリを参照してください。 30 Web Designs with Amazing Attention to Detail
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
フォントもクラウドの時代？！あなたのサイトでスタイリッシュなフォントを表示させる『TypeKit』 | 100SHIKI