960 Grid System
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
Best Web Gallery - CSS & Flash Design Inspiration
Blog The Blog StarterVN:R_N [1.9.17_1161]Rating: 5.0/5 (1 vote cast) Portfolio Jenny JohannessonVN:F [1.9.17_1161]please wait...Rating: 3.6/5 (8 votes cast) Best of Adult Swim Singles 2016VN:F [1.9.17_1161]please wait...Rating: 4.1/5 (9 votes cast) Portfolio Alexandre RochetVN:F [1.9.17_1161]please wait...Rating: 3.8/5 (5 votes cast) CSS Converse: DiamondsVN:F [1.9.17_1161]please wait...Rating: 3.
かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」*二十歳街道まっしぐら（FC2ブログ時代）
「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい！ 簡単すぎ！ 画像およびHTML（CSS）もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTML（CSS）を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT
Spiffy Corners - Purely CSS Rounded Corners
Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff. What? Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript. Why? I needed a way to create anti-aliased round corners without the extra server calls that are incurred when using external JavaScript files or images. When your websites are
Reykjavik Excursions
Your Cart is emptyLooks like you haven’t picked any tours yet!
Stu Nicholls | CSSplay | CSS only menus
Latest Menus A CSS TREE-MENDOUS menu 20-12-2023A CSS only tree menu with open/close transitions using :has(). With all levels as links. The NEW CSS tree menu v3 12-12-2023A CSS only SLIDEDOWN tree menu with open/close transitions using popover and buttons. With all levels as links. The NEW CSS tree menu v2 09-12-2023A CSS only SLIDEOUT tree menu with open/close transitions using popover and button
CSSの識別名にアンダースコアを使う
CSSの識別名(identifier)には、アンダースコア(_)が使えるわけですが、どうやらInternet Explorer 5以降には、これにまつわるちょっとしたバグがあるみたいです。そのバグというのは、「識別名の先頭にあるアンダースコアを無視する」というもの。CSS: The Underscore Hackで見つけました。 Underscore ("_") is allowed in CSS identifiers by the CSS2.1 Specification Browsers have to ignore unknown CSS properties Windows IE 5+ doesn't recognize the "_" at the beginning of CSS property name このページの例にもあるように、こんな書き方をするとMozillaやO
XRAY : : for web developers
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. XRAY: look beneath the skin XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (inc
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
実録！ホームページ制作者の声 -プロが教えるSEO対策やスタイルシート設定のポイントなどお役立ち情報満載！-:widthとpaddingを同時に記述しない！
スタイルシートレイアウトにっとってクロスブラウザは避けては通れないモノ。記述によってはIE7とIE6の間にも解釈に違いが見られ、MacIEなどの旧ブラウザなどには泣かされた人は少なくないはず。そこで、スタイルシートレイアウトでのちょっとした工夫を紹介します。 まずは、下記の例を見てください。 HTMLサンプル ========================================= <div> <p>テキスト</p> </div> CSSサンプル ========================================= div{ width:200px; padding-left:20px; } このようにwidthとpaddingを同時に指定すると、IEでは200ピクセルで表示されますが、Firfox等ではwidth＋paddingの220ピクセ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.spry-soft.com/grids/
IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!（CSSメニューの自動生成ツール）
pixelcreators.us - Registered at Namecheap.com