CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
| ＾＾ |秒刊SUNDAY｜無料でオンライン上クロスブラウザチェックができるサイト集2010
無料でオンライン上クロスブラウザチェックができるサイト集2010 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） IE6はいつまでチェックするのか…という疑問がありますが、現状IE６ユーザの割合もまだまだ 捨てきれない状況にあるのは現実です。さてそんなブラウザのチェックをオンラインで無料で行えるサイトをあつめてみましたBrowsershots 膨大な数のブラウザチェックができるが 欲張りすぎると当然結果はおそくなる。 とりあえずここを使えば間違いはない。 ■Check Browser Compatibility, Cross Platform Browser Test - Browsershots Adobe® 登録が必要だが、Adobe公式のブラウザチェック。 なぜAdobe?という気もするが、評価は上々。 登録する価値アリ。 ■クロスブラウザテストができる「Adob
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
