調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
![知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e58159b022cd4c133b4059add9a28c31daaba3a0/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F01%2Fhtml-implied-specification-01-150x150.png)
いよいよ本格的に増えてきたHTML5×CSS3。ボタンやナビゲーションのバリエーションもたくさんあってとても勉強になります。デモやソースダウンロードもあるのでぜひ参考にしてみてください。 吹き出しが浮かび上がるボタン マウスをかざした時、ふわっと吹き出しが浮き出ます。とても動きがキレイ。デザインもきれいで参考になります。 >>ソースはコチラ | Demo Appleナビゲーション Apple風のナビゲーション。微妙な色使いがシンプルできれいです。 >>ソースはコチラ | Demo ドロップダウンナビゲーション 動きがとても軽快。マウスがさしている部分もわかりやすいのでユーザビリティもとてもいいナビゲーションです。 >>ソースはコチラ | Demo どんなサイトにも合いそうなシンプルでクオリティの高いボタン さりげないデザインですが、押したくなるデザイン。ロールオーバー時の色の変化もきれ
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 (以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。) jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ! 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く