DIV一個で洒落たボックスを作ってみる！最近知ったCSSを使ったボックス装飾とか色々！ | バンクーバーのうぇぶ屋

2013/02/18 349 users バンクーバー CSS div うぇぶ屋 ボックス

CSS3からDIV一個で出来る表現なんかにもかなり幅が出て来ましたね。ちょっと前まで超面倒だったボックスのオシャンティーな2重線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思う... 続きを読む

たった１つのdivで表現されるアイコンデータベース「One div」:phpspot開発日誌

2012/12/13 25 users div CSS phpspot開発日誌 データベース HTML

One div - The single element HTML/CSS icon database たった１つのdivで表現されるアイコンデータベース「One div」 マークアップ上は<div></div>なのですが、次のようにCSSを使ってアイコンっぽくみせているアイコンのデータベース。 CSSが長くなるため、扱いやすいとはいえませんが、応用することで便利に使えそう。 軽量でインラインで記... 続きを読む

CSSのみで作れるアイコン配布サイト「One Div 」 | Web活メモ帳

2012/12/07 19 users CSS iPhone Web活メモ帳 アイコン配布サイト 沢山

HTMLとCSSだけで作ったアイコン配布サイト「One Div 」 CSS3が使われているのでモダンブラウザでは表示できませんが、 面白いアイコンが沢山配布されていたのでメモ的エントリー。 以下のようなアイコンを使う事が出来るようになります。 ↑動画用アイコン ↑自然をモチーフに ↑ドロイド君もいます ↑iPhoneやiMac風アイコンも これが全てCSSで作っているのがすごいですね。 全部で55... 続きを読む