![http://e0166nt.com/blog-entry-482.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/20e60dafbd3a5e5c465259c72af3a3a5532bcbcd/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-55.fc2.com%2Fe%2F0%2F1%2Fe0166%2Fl.jpg)
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites(CSSスプライト)」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは? 通常、ウェブページを制作する場合、デザインファイル(psdやpngなどの画像)をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、1度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
ufabet ทางเข้า เล่นง่าย ๆ ด้วยมือถือ อัปเดตล่าสุด เล่นได้ 24 ชั่วโมง ufabet ทางเข้าเล่นง่าย ๆ ด้วยมือถือ อัปเดตล่าสุด เล่นได้ 24 ชั่วโมง เล่นได้ทุกที่ ทุกเวลา ufabet ค่ายคาสิโนออนไลน์ อันดับ 1 ของเมืองไทย เนื่องจาก ufabet เป็นเว็บคาสิโน ออนไลน์ ที่ได้รับการตอบรับที่ดี จึงทำให้นักเดิมพัน หลายคน ประสบกับปัญหา การเข้าถึง เนื่องจากถูกบล็อก จากทาง ICT ทำให้ไม่สามารถเข้าถึงได้ หรือบางครั้ง ประสบปัญหาลิ
無料で利用可能ですが、フォント作成にはユーザ登録が必要です。といっても、名前とメールアドレスとパスワード程度です。 ユーザ登録してログインすると、下記のような画面になりますので‥‥ 新しいフォントの「Create」にとりかかます。 とりあえず「Netafull」フォントと命名します。 フォント作成画面きたー! “Bricks”を組み合わせて、文字を作成していきます。時には消しゴムツールで消してみたり。 「Netafull」フォントなので [N] を作成してみたいと思います。 けっこう簡単にできちゃうのね。 プレビューしてみると‥‥ まずまずな感じ? 機能としては他にも‥‥ アンドゥーしたり、ビューを変更することが可能です。 で、できたフォントは保存、ダウンロードすることができます。 とりあえず一文字だけですけど、ちゃんと登録されていました。 他の人が作ったフォントをギャラリーで探して‥‥
yodelerというYahoo UI ライブラリベースのUIを開発しているReid Burkeさんが発表したのが、タブ切り替えとスクロールを組み合わせた新しいタブ切り替え表示部品。 切り替えるときにタブの中身の切り替わりがスクロールでなされる、ということなんだけど、見てもらうほうがはやい。 縦スクロール版 / 横スクロール版 切り替えに時間がかかるので日常使いのページには良くない気もするけど、そうでないときにちょっとユーザをびっくりさせることができるかもしれない。 ライブラリはBSDライセンスで、その他の作品とあわせてsvnで公開されている。 via Ajaxian この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く