srcsetとsizes
パート1：メディア・クエリのどこがまずいのか？ そう、もし君がウェブサイトを作っている時代が1993年2月23日から2010年5月25日の間だったら、画像の扱いなんてチョロかったね！ それはこんなふうに単純だった。 幅の固定されたレイアウトをにらみつける 画像がきっかり何ピクセルかを測る――その画像はあらゆるユーザーの画面で変わらないスペースを占めることになる Photoshopのエンジンをかける 画像をさっき測ったとおりのサイズで「ウェブ用に保存」する それを<img>タグでマークアップする グラスにビールを注ぎ（または新鮮なグリンピースの缶を開け）、仕事がうまくいったことを祝う ときおり聡明なる預言者が荒野から現れては、この手法に潜む問題について深遠な真実を説くこともあった。それでもこのやり方は、20年もの間、ウェブ・デザイナーを生業とするものたちに受け入れられてきた。 しかし、時代は
HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
srcset属性について - Qiita
とりあえず3行で srcsetはHTML5で策定された新属性 この要素はブラウザのスクリーン要件(幅、高さ、ピクセル密度)に応じて、異なる画像を読み込む事ができる IEでは使うことが出来ないので注意(http://caniuse.com/#search=srcset) srcset属性について詳しく 詳しく書いてあり、良い記事です。 srcset と sizes エリック・ポーティス 文と絵 鈴木丈 訳 個人的には、印象に残ったのは グリンピースおいしい^q^ でした メリット Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える ->環境ににあった最適な画像をブラウザが選んでくれる（余計な画像は読み込まない） 引用元:HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう デメリ
アニメ会社で放火 33人の死亡確認 36人けが 消防 | NHKニュース
京都市伏見区にあるアニメーション製作会社のスタジオが男に放火された事件で警察によりますと33人の死亡が確認されたということです。また35人がけがをして病院に搬送されたということです。火をつけたのは41歳の男とみられ、警察が放火の疑いで調べています。 消防車30台が出て消火にあたった結果、出火から５時間近くがたった午後３時すぎに火はほぼ消し止められました。 出火当時、建物には従業員など70人余りがいたとみられていて、警察によりますと、33人の死亡が確認されたということです。 男性が12人、女性が20人で１人は性別が不明だということです。また35人が病院に搬送されました。 このうち17人は重傷で、16人が入院して手当てを受けているということです。 消防によりますと建物内の救助活動は終了し、取り残されている人はいないということです。 一方、放火した男は現場から逃走しましたが、100メートルほど離
アスクル社長「乗っ取られる危機感」 ヤフーに提携解消求める | NHKニュース
ＩＴ大手のヤフーが、傘下で通販大手のアスクルの岩田彰一郎社長の再任に反対している問題で、岩田社長は18日、都内で会見し「アスクルの成長事業が乗っ取られる危機感がある」と述べ、ヤフーに対して資本業務提携の解消を求める姿勢を示しました。 これについて岩田社長は記者会見で「先方から静かに社長の職を去ったほうがいいと言われたが、恥をさらしてでも正々堂々と言うべきことは伝えるのが責務だと考えた」と述べました。 また、ヤフーの手法について「アスクルの成長事業が乗っ取られるのではないかという危機感がある」と述べ、不信感をあらわにしました。 両社は７年前に資本業務提携し、家庭向けの日用品や食品のネット通販事業「ＬＯＨＡＣＯ」を共同で運営してきましたが、ことし１月に、ヤフーから譲渡などを検討するよう要請があったのに対し、アスクルは応じない考えを伝えていました。 さらに先月には、ヤフーから社長の退陣要求を受け
Squoosh
SmallSmaller images mean faster load times. Squoosh can reduce file size and maintain high quality. SimpleOpen your image, inspect the differences, then save instantly. Feeling adventurous? Adjust the settings for even smaller files. SecureWorried about privacy? Images never leave your device since Squoosh does all the work locally.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
