SassとCompassでSprite画像を作る
やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C
コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 | DevelopersIO
コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ」と嘆く男性は少数のようです。 ちなみにビターチョコが好きです。 本題 今回は少し前に執筆した「コーダー必見、SCSS・Compassで開発効率アップ｜便利なCSS Sprite実装編」を発展させてSCSS・CompassでRetina Displayに対応する方法を紹介します。 事前に必要な知識 この記事では、以下の事前知識が必要になります。 記事中でも解説を挟みますが、詳しくは解説で案内しているページを参考にしてくださ
【スマートフォン制作】スマホで圧倒的に速くするDATA URIのあれこれ – T2
読了: 約 6 分 前職の時には使用しなかったので詳しい事はあまり分かっていなかったのですが、 現在スマホのブラウザアプリをごりごり創っていて、data URI Schemeも結構使えるんじゃなかろうかという事で 簡単にメモ・おさらいしておきます。 目的 ・HTTP Requestの回数削減によるスマートフォンでのページ高速化 使用されている方はもう分かっているかと思いますが、 CSS spriteとどっちがいいのかなという事で。 そもそもdata uriって何？URLなの？ 正直そう僕も思っていました。 そうしたら、英語の記事でも、『URI,not URL』とそんな事が書かれていました。笑 そもそものuri schemeについて これについては分かり易い記事があったので、こちらを参考にしてください。 メリット・デメリット メリット パフォーマンスが上がる CSS spriteで大量発生す
【CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは – T2
【CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは 2月 1, 2013 admin 読了: 約 3 分 画像が膨大な数になったときに、画像の取り扱いについて(png,jpg)をどうするか、 CSSスプライトで何枚用意するのか、一枚に完全に纏めるのか、それともページ単位やカテゴリー単位でもうけるのが 良いのか少し気になったので調べてみました。 目的 ・フロント側で出来る更新性とパフォーマンスの両面から見た現状の最適な答えを見つけ出すため はじめに すでにフロント側で出来る高速化まとめみたいなものを作っていたのですが、 画像のみやCSSだけに焦点を当てたものが少なかったのでさらに調べてみたいと思ったので、 デザイナーさんやマークアップの方向けにまとめてみます。 ページの構造・設計から考える そもそもCSSスプライトする画像が膨大になったときにカテゴリーやページ
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Spriteを活用しよう - DesignWalker
My Account | .xyz | For every website, everywhere®
