これが完全版！レスポンシブ対応のwebp画像を実装するHTMLのコード | コリス

2021/05/26 171 users コリス フォールバック src WebP画像 HTML

画像を実装するには、以前はimg要素にsrcで画像を指定するだけで簡単でしたが、レスポンシブ対応、Retina対応、遅延読み込み、そしてさまざまな画像フォーマットの登場により、HTMLのコードが複雑になっています。 レスポンシブ対応のwebp画像を実装するHTMLのコードの完全版を紹介します。非サポート用のフォールバック... 続きを読む

商用利用無料、200種類の美しいブラーをつかったぼやけた背景・壁紙素材 -Blurgrounds | コリス

2014/05/08 117 users ウェブデザイン コリス Photoshop 壁紙 ドメイン

ウェブデザインの背景や、デスクトップ・スマフォなどの壁紙としても利用できる、ぼやけたブラーなスタイルが美しい素材を紹介します。 Blurgrounds http://blurgrounds.com/ って、ドメインがまたいいですね。 素材のサイズは2,000x2,900pxの高解像度で、Retina対応です。 必要があれば、Photoshopなどで自由に変更・修正してください、とのことです。 利用... 続きを読む

jQuery Mobile 1.4が正式版に。CSSインラインSVGのアイコンでRetina対応、DOM削減で動作の高速化も － Publickey

2014/01/06 78 users iOS Publickey SVG 描画 アイコン

jQuery Mobile 1.4が正式版に。CSSインラインSVGのアイコンでRetina対応、DOM削減で動作の高速化も iOSやAndroidなどクロスデバイス対応のモバイルアプリケーション開発のためのJavaScriptライブラリ「jQuery Mobile」の最新版「jQuery Mobile 1.4」が公開されています。 CSS内のSVGでアイコンを描画 今回のバージョンの大きな特徴は... 続きを読む

アイコンフォントを使ってレスポンシブかつRetina対応のUIメニューを作るチュートリアル:phpspot開発日誌

2013/05/14 51 users チュートリアル phpspot開発日誌 アイコンフォント

Responsive Retina-Ready Menu | Codrops アイコンフォントを使ってレスポンシブかつRetina対応のUIメニューを作るチュートリアル アイコンフォントなら拡大縮小しても劣化はないということで、CSSとJavaScriptを使ってうまくアイコンもリサイズして綺麗にレスポンシブに、更にRetinaにまで対応してくれるデモです。 UIデザイナーな方はやること増えて大変... 続きを読む

【速報】iOS6, 新OSX, Retina対応のMacBook Pro、すぐわかるまとめ！ - AppBank

2012/06/11 175 users iPad iOS デバイス 端末 配布 iPod touch

本日WWDC2012で発表されたまとめになります。 内容は随時更新します。正確性を保証するものではありませんので予めご了承ください。 iOS6の発表 iOS6は200の新機能を搭載。iOS6βは本日より開発者に配布。 対応端末は iPhone 3GS以上、iPad 第2世代以降、iPod touch 第4世代以降 導入部。 これまで出荷した iOS デバイスは3億6千500万台（20123月まで）... 続きを読む