• Twitterでシェア
  • Facebookでシェア

CSSスプライトについてあれこれ。

テクノロジー カテゴリーの変更を依頼 記事元:lopan.jp
適切な情報に変更
992users がブックマーク コメント 66
    共有

    • 記事へのコメント66件

    • 注目コメント
    • 新着コメント
    その他
    masaki0303
    CSSスプライトに関して、かなり細かく説明してある。これ見れば誰でも出来る。

    その他
    naoya2k
    ネットワークの帯域とサーバ側だけ考えるなら、今後はCanvasを使って1個のソースimgから切り出した多数のimgを作る手法も出てくると思うよ。ブラウザ側が重くなるんで僕は嫌だけど。

    その他
    Lhankor_Mhy
    webフォントは日本語だとサイズが重いからなあ。表示を速くする目的でCSSスプライトをやるなら、あまり選択肢に入らないような。サブセット使えばいいのかもしれないけどね。

    その他
    diveintounlimit
    方向性は悪くないと思うけど、もう少し考える余地があると思た。

    その他
    Hi32
    cssスプライトと画像置換と印刷について

    その他
    helio73
    “に実装する」目的で普及した技です。一方CSSスプライトは、「複数の画像をひとつにまとめて、HTTPリクエスト回数を減らして表示速度を速くしよう」という目的で普及してます:)。 目的は違えど、手法や、使うCSSとかは

    その他
    jyunokko
    一番わかりやすい！！

    その他
    troca
    すごくていねいに説明してる。

    その他
    nilab
    CSSスプライトについてあれこれ。

    その他
    chocobanditz
    “CSSスプライトについてあれこれ。”

    その他
    t-saku31
    難しそうだな・・・。サイト壊さないように頑張ってみる(｀・ω・´)

    その他
    Yukarigohan
    cssスプライト

    その他
    musicala
    えっ、imgも設定いるのか。えへへ

    その他
    easygoing247
    ホームページ　ウェブサイト制作　画像の取り扱い　表示速度の向上　参考 how to

    その他
    tomy2525
    “ Pingback:”

    その他
    webstrategist

    その他
    zyakky
    概要理解に。

    その他
    hopekuson
    手を出してみる

    その他
    vitaminsii
    "テキスト部分は極力システムフォントか、可能ならWebフォントを使う。 でもどうしてもって時だけ画像では画像＋altにして、置換的にはScott Kellum Methodがよさげです。"

    その他
    watanata2000
    スプライト 基本 いろは 速度評価 効果 ★★★

    その他
    kool_kreate
    スプライトにはアイコンとマークだけ。text-indentの代わりにいつのまにか名前がついてた

    その他
    takesimm
    ][tips]

    その他
    typista
    ぽけったー CSSスプライトについてあれこれ。

    その他
    tuki0918
    アレは「Scott Kellum Method」っていう手法だったのか

    その他
    d_animal141
    CSSスプライトについてあれこれ

    その他
    ichigaya555
    参考：

    その他
    howcome
    cssスプライト

    その他
    Shoppy3001
    CSSスプライトについてあれこれ。

    その他
    kyaido
    画像置換も

    その他
    k_gobo
    そのマークアップはiでいいのか……？

    その他
    udzura
    compass って楽なんだなあ、と思った（冒頭の「デメリット」３つが解消されるやん、多分

    その他
    mami-hate
    text-indentを使用した画像置換は知っていたけれど残り２つは知らなかった。その後の変更がかからないと断言できるナビゲーションや佳境に入ったプロジェクトならCSSスプライトできるけど、現段階では難しいかもー。

    その他
    FelicaWeb
    css習ったら事おさらい＆そのバリエーション

    その他
    Lhankor_Mhy
    Lhankor_Mhy webフォントは日本語だとサイズが重いからなあ。表示を速くする目的でCSSスプライトをやるなら、あまり選択肢に入らないような。サブセット使えばいいのかもしれないけどね。

    2012/08/26 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    CSSスプライトについてあれこれ。

    「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索...

    ブックマークしたユーザー

    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2025 Hatena. All Rights Reserved.