ウェブ制作者必携！相当便利です。 CSSレイアウトで、飾りになる画像はbackground-imageとして指定することが多いです。個別に画像を切り出す場合もありますが、属に言う「CSS Sprite」と呼ばれる手法もこれです。 CSS Spriteとは？ 画像を個別にスライスして個別に読み込むより、1枚の画像にして表示位置を調整して出す手法です。 個別に読み込むよりも、スライスの手間を省略・読み込み時のリクエストを1度だけで済むので、使い方によってはCSS Spriteを活用した方が速い場合があります。 Firefox3.5だとソースから画像までのリンクをたどれますが、それよりも便利なブックマークレットがあります。 ブックマークレット配布サイト：SpriteMe 他人のサイトの解析時、画像をまとめて見られるので重宝します。 導入方法 配布サイトへ行き、“SpriteMe”のリンクをブ
タグ
- すべて
- css (27)
- flash (7)
- jQuery 1.7 (1)
- print (1)
- *css (2)
- *fireworks (2)
- *illustrator (2)
- *javascript (2)
- *jquery (30)
- *tips (1)
- *あとで読む (25)
- 3D (3)
- @anywhere (2)
- AR (4)
- After Effects (1)
- Alternativa3D (1)
- Android4 (1)
- Android4.1 (1)
- Apple (3)
- Arctic.js (2)
- Azure (1)
- CMS (5)
- CS5 (1)
- CSS Transforms (1)
- Capture (1)
- CoffeeScript (3)
- CreateJS (3)
- DTM (1)
- DeNA (1)
- DesignPattern (1)
- Dropbox (2)
- EC (3)
- ECMAScript (2)
- Electronica (1)
- Emmet (2)
- Facebook (32)
- Facebookページ (11)
- Firebug (1)
- Fireworks (24)
- Flash Flex 関連 (1)
- FlashCatalyst (1)
- Google Chrome (1)
- Google+1 (1)
- GoogleAnalytics (1)
- Greasemonkey (1)
- HTML (36)
- IA (2)
- IE10 (2)
- IE6 (6)
- InternetExplorer9 (1)
- Java (1)
- KAYAC (1)
- LPO (2)
- Lightbox (4)
- MAMP (1)
- MT5 (1)
- Media Queries (3)
- Microdata (1)
- OAuth (1)
- PDF (1)
- Print (1)
- Privacy (1)
- Promotion (1)
- SDK (1)
- SOHO (1)
- SWC (1)
- Safari (3)
- Skype (1)
- Subversion (1)
- Swiffy (2)
- Titanium Mobile (1)
- UI (43)
- UX (8)
- Validator.nu (1)
- WebSocket (6)
- Webfont (1)
- XHTML (2)
- XOOPS (1)
- Xcode (1)
- Yammer (3)
- Youtube (2)
- Zen-Coding (6)
- actionscript (9)
- actionscript3.0 (2)
- ad (4)
- adobe (11)
- ajax (4)
- algorithm (1)
- android (33)
- animation (7)
- anime (1)
- api (15)
- app (5)
- as2 (1)
- as3 (34)
- audio (4)
- backbone.js (1)
- background (4)
- bag (1)
- beluga (1)
- benchmark (1)
- between (1)
- bigdata (1)
- bigpipe (1)
- blog (2)
- book (2)
- bookmarklet (3)
- browser (15)
- brush (6)
- bug (3)
- business (17)
- button (2)
- cafe (1)
- cakephp (1)
- calc (1)
- canvas (14)
- cheatsheet (1)
- chrome (7)
- clearfix (3)
- clone (1)
- cloud (1)
- coda (1)
- coding (3)
- cofee (1)
- color (6)
- comic (1)
- commonjs (1)
- communication (3)
- compass (1)
- cooking (1)
- cookpad (1)
- copyright (4)
- cs5.5 (1)
- cs6 (1)
- css (98)
- css sprite (1)
- css sprites (1)
- css3 (50)
- cybozu (2)
- debug (1)
- demo (1)
- design (59)
- dictionary (2)
- direction (2)
- dns (3)
- domain (3)
- dotFes2009 (1)
- dreamweaver (25)
- dropdown (2)
- ePub (3)
- easel.js (1)
- ec-cube (2)
- eclipse (1)
- editor (1)
- enchant.js (3)
- etupirka (1)
- event (9)
- extention (6)
- facebookPage (1)
- fashion (1)
- favicon (3)
- fiddler (1)
- firefox (8)
- flartoolkit (1)
- flash (66)
- float (2)
- font (38)
- font-size (1)
- food (1)
- form (24)
- framework (5)
- free (8)
- functions.php (2)
- gallery (5)
- game (18)
- gamification (2)
- git (1)
- github (4)
- gitlab (1)
- google (7)
- groupware (3)
- gulp (1)
- haXe (1)
- hashdos (1)
- html5 (92)
- iOS6 (4)
- iPad (5)
- icon (2)
- ie (23)
- ie7 (2)
- ie8 (3)
- ie9 (5)
- iframe (3)
- illustrator (2)
- img (4)
- impress.js (1)
- inline-block (1)
- input (1)
- internet (1)
- ios (3)
- iphone (32)
- itunes (2)
- jQuery Mobile (8)
- jQuery plugin (1)
- jasrac (1)
- javascript (110)
- jquery (86)
- jquerymobile (2)
- jquey (1)
- js (57)
- jsdo.it (2)
- jsx (3)
- kansaiun (1)
- kintone (1)
- knockoutjs (1)
- layout (4)
- library (37)
- license (1)
- loader (2)
- logo (2)
- mac (8)
- macosx (1)
- management (3)
- map (1)
- margin (1)
- marketing (6)
- material (19)
- math (1)
- max-width (1)
- media (1)
- menu (5)
- mixi (3)
- mixiチェック (1)
- mobile (30)
- modal (1)
- money (1)
- mooTools (1)
- mt (3)
- music (11)
- mxp (1)
- navi (4)
- navigation (2)
- nginx (2)
- node (1)
- node.js (12)
- novel (1)
- nucleus (1)
- ogp (3)
- open graph (1)
- openFrameworks (1)
- oss (1)
- package for iphone (1)
- papervision3d (1)
- parallax (3)
- particle (1)
- pattern (2)
- performance (10)
- photo (12)
- photoshop (29)
- php (10)
- pinterest (4)
- pjax (1)
- placeholder (1)
- plugin (25)
- pm (1)
- pngfix (1)
- presentation (2)
- processing (1)
- product (1)
- programming (41)
- progression (5)
- project (2)
- prototype (1)
- proxy (1)
- psd (2)
- rails (1)
- recipe (1)
- redmine (1)
- reference (1)
- remote (1)
- research (1)
- responsible (2)
- responsive (8)
- rollover (2)
- sIFR (1)
- sass (2)
- scroll (1)
- search (3)
- security (11)
- seminar (1)
- seo (3)
- server (7)
- shop (1)
- shopping (2)
- sitemap (2)
- slide (2)
- slider (1)
- slideshare (1)
- slideshow (1)
- smartphone (37)
- sns (12)
- social (3)
- socialmedia (1)
- socket.io (1)
- software (4)
- sprites (1)
- svg (1)
- swfobject (1)
- table (4)
- template (5)
- test (2)
- text-overflow (1)
- texture (2)
- three.js (3)
- tips (31)
- tool (34)
- tools (4)
- transform (2)
- travel (1)
- tuning (1)
- tutorial (22)
- tween (3)
- tween.js (2)
- tween24 (1)
- twitter (22)
- typography (2)
- uniqlo (1)
- unity (2)
- usability (2)
- uupaa.js (1)
- validate (2)
- video (1)
- viewport (5)
- vim (1)
- vj (1)
- vps (2)
- web (30)
- web service (7)
- webGL (1)
- webdesign (76)
- webfonts (1)
- webservice (29)
- web制作 (5)
- web制作会社 (1)
- wi-fi (1)
- wiki (1)
- windows (8)
- wireframe (1)
- word-break (1)
- wordBreak (1)
- wordpress (23)
- work (5)
- writing (1)
- xss (3)
- あとで検証 (1)
- あとで読む (55)
- お財布 (1)
- かばん (1)
- しいたけ (1)
- まとめ (12)
- アクセス解析 (2)
- アナログゲーム (1)
- インテリア (7)
- オブジェクト指向 (4)
- カフェ (1)
- ケイス＝ギムラー (1)
- システム開発 (1)
- ジェネレーター (1)
- スタートトゥデイ (1)
- スマートフォン (14)
- ソーシャルメディア (1)
- チュートリアル (2)
- ネタ (2)
- パフォーマンス (2)
- パララックス (2)
- パンくず (2)
- フォント (1)
- フリーランス (4)
- プレゼン (1)
- プロジェクト管理 (1)
- ボドゲ (1)
- マーケティング (3)
- メディア (2)
- リセット (1)
- レシピ (3)
- 三角関数 (1)
- 人生 (1)
- 仕事 (9)
- 企業 (1)
- 保険 (1)
- 出産 (1)
- 勉強会 (3)
- 印刷 (1)
- 即時関数 (1)
- 古ビル (1)
- 名刺 (6)
- 吹き出し (1)
- 大阪 (4)
- 契約書 (1)
- 学習 (1)
- 実体参照 (1)
- 家具 (3)
- 小説 (1)
- 広告 (6)
- 建築 (1)
- 後で読む (1)
- 拡張機能 (2)
- 探索 (1)
- 料理 (3)
- 旅館・ホテル (1)
- 星海社 (1)
- 正規表現 (1)
- 無線LAN (1)
- 照明 (2)
- 生活 (3)
- 白銀比 (1)
- 福祉 (1)
- 秀丸 (1)
- 秋田道夫 (1)
- 税金 (1)
- 紙 (2)
- 素材 (1)
- 組版 (1)
- 経路探索 (1)
- 縦書き (1)
- 複数カテゴリパンくず (1)
- 複数設置 (1)
- 角丸 (5)
- 資料 (14)
- 転職 (2)
- 透過png (1)
- 錯視 (1)
- 錯覚 (1)
- 関西 (6)
- 雑貨 (2)
- 電子出版 (3)
- 電子書籍 (8)
- 革 (1)
- 鞄 (1)
- 黄金比 (1)
- ｌibrary (1)
- javascript (110)
- css (98)
- html5 (92)
- jquery (86)
- webdesign (76)
- flash (66)
- design (59)
- js (57)
- あとで読む (55)
- css3 (50)
css spriteに関するtomo_pのブックマーク (1)
-
tomo_p 2009/09/03
- css
- bookmarklet
- css sprite
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx