スマホやRetina対応するためのイメージタグの記述方法 - by Takumi Hirashima
スマホやRetina対応するためのイメージタグの記述方法を紹介します。 例えば、パソコンとスマートフォンで画像を切り替えて、かつRetinaディスプレイ対応をしたい時に便利な方法です。 基本的なイメージタグの記述方法 Retinaディスプレイに対応するためのイメージタグの記述方法 スマートフォンでは別の画像を表示したい時のイメージタグの記述方法 基本的なイメージタグの記述方法 まずはイメージタグの基本的な記述方法を紹介します。 <img src="example.jpg" alt="example" > イメージタグには、画像URLを指定するsrc属性以外にも特徴的な属性がいくつかあります。 src=”” ソース 表示する画像のURLを指定します。 alt=”” オルト 画像の代わりとなるテキストを指定します。 title=”” タイトル 画像の補足的な情報を指定します。 指定した内容は、
[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes
スクリプトは外部ファイルを記述するだけ、レスポンシブ用画像の配置や設定はHTMLベースで記述できるスクリプトを紹介します。 超軽量（5.8KB）で、jQueryなど他のスクリプトは不要です。
![[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes](https://cdn-ak-scissors.b.st-hatena.com/image/square/135514efb4694efbd56028728da237fc700e16b1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016022202.png)
jQuery HDimg
[ jQuery HDimg ] jQuery plugin to serve double size images on Retina and other high resolution display This plugin is useful to auto load a double size image for high resolution displays. Simply it search for an img with a specific (that you can choose) suffix to use in case of Retina or other high density displays. Demo To see properly this plugin in action you need 2 different devices to see the
食材や料理、キッチン小物、調理器具などが揃っているおいしいアイコン素材 -Yummicon
あの肉、あのチーズ、あの目玉焼きをはじめ、肉、魚、野菜、果物、料理、ファーストフード、お菓子、お茶、お酒などのアイテムが揃ったおいしさをテーマにしたアイコン素材を紹介します。
Responsive Retina-Ready Menu | Codrops
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimize
Retinaでもボケない「シンボルアイコン」を使いこなそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ
全516種類、ソーシャルメディアからウェブページ・アプリまであらゆるデザインが揃っているアイコン素材 -Autre Planète
全516種類、ソーシャルメディアからウェブページ・アプリまであらゆるデザインが揃っているアイコン素材 -Autre Planète
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
