Online Tools for Cross-browser CSS3 Rule Generation - CSS3 . Info
This week has seen the announcement of a couple of new online tools for generating cross-browser CSS3 rules, CSS3 Please! and CSS3 Generator. CSS3 Please!, produced by Paul Irish and Jonathon Neal, aims to simplify the design process by allowing designers to enter one value, and have this instantly synced and normalised for each vendor-specific prefix, with the corresponding code generated automat
ASCII.jp：Googleも採用！CSS3実践テクニック
「CSS3をWebページに実装する」というと意見は真っ二つに分かれる。「完全肯定派」と「完全否定派」だ。しかし、Internet Explorer（IE）を除く主要なWebブラウザー（Safari/Firefox/ Opera/Google Chrome）は現実にCSS3への対応を進めており、少しずつだが、CSS3を利用するWebサイトも現れ始めた。代表例が、おなじみの「Google」だ。 Googleの検索ボタンに注目する 「Google？」と意外に思った方も少なくないかもしれない。次の画面は、Google検索のトップページをSafari 4で開いたところだ。実はこの検索ボタンにCSS3が隠れている。
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:
Googleも採用！CSS3実践テクニック (1/4)
「CSS3をWebページに実装する」というと意見は真っ二つに分かれる。「完全肯定派」と「完全否定派」だ。しかし、Internet Explorer（IE）を除く主要なWebブラウザー（Safari/Firefox/ Opera/Google Chrome）は現実にCSS3への対応を進めており、少しずつだが、CSS3を利用するWebサイトも現れ始めた。代表例が、おなじみの「Google」だ。 Googleの検索ボタンに注目する 「Google？」と意外に思った方も少なくないかもしれない。次の画面は、Google検索のトップページをSafari 4で開いたところだ。実はこの検索ボタンにCSS3が隠れている。
40 of the Best Horizontal Scrolling Websites - Web Design Ledger
Inspiration 40 of the Best Horizontal Scrolling Websites Jacqueline ThomasNovember 17, 200943 Comments014.5k Horizontal websites have become an underground phenomenon. A horizontal website is a lot like your artsy younger sister who dresses weirdly and doesn’t seem to acknowledge a world outside of her own imagination. Since horizontal websites are not universally embraced by the web design commun
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
秀逸なWEBデザインの注目すべき細部デザイン色々:phpspot開発日誌
秀逸なWEBデザインの注目すべき細部デザイン色々。 全体を見ていると見落としがちな細部ですが、細かいところにこだわりつつ色々なサイトの紹介がされています。 かなり細かいところですが、細かくこだわることで、サイトデザインの深みやインパクトが強められそうです。 CSSのテクニック的にも色々と使っていて参考に出来そうな部分も多そうです。 影や角の畳んでいる部分など詳細にアクセントを持たせている例 角丸で影付き。背景ともなじんでいる例 飛び出したナビゲーションメニュー。影もあり 凝ったドロップダウンメニュー 凹凸をうまく表現したタイトル＆メニュー リンク先、その他全て見るには以下のエントリを参照してください。 30 Web Designs with Amazing Attention to Detail
[CSS]カスタマイズも可能なドロップダウン型のナビゲーションのテンプレート CSS Drive- CSS Candy Menu CSS Candy Menu
Author: Josh Jones Candy Menu is a stylish CSS drop down menu that's comes in six provocative colors to get you started: To get the menu, download "candymenu.zip". It is a zipped folder (.zip) that includes the following: PSD Source File Working demos of each menu CSS StyleSheet All images needed If you want to change the color of the menu in the PSD file, use the "Adjustment Layers" included with
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
