RetinaのWebサイト最適化ツール

最近、ピクセル密度が非常に高い画面を備えたデバイスが増えています。AppleはRetinaを搭載したMacBookをリリースし、Googleは解像度2560x1600ピクセルのNexus 10を発表しました。 Webサイト開発者には、最新の技術と一緒に新しい問題が発生します。 たとえば、新しい画面では、ビットマップ画像の外観があまり良くないため、Retina用に最適化する必要があります。 このコレクションには、これを支援するいくつかのツールが含まれています。



Scott JehlによるPicturefillデモ



画像をレスポンシブにし、画面の解像度に依存しません。







アンディ・クラークによるJPEGmini



オンザフライで、グラフィックを最適化し、重量を数倍減らします。 PNGminiは.png形式のアナログです。







Modernizr



導入の必要はありません-ユーザーのブラウザの機能を判断できるツールで、開発者がブラウザ間の互換性を実現するのに役立ちます。







スケッチ



Retinaスクリーン用の画像をすばやく準備するのに役立つOS X用のアプリケーション。







スライスした



Retinaスクリーンの要件を考慮して.psdテンプレートをカットできるOS Xの別のアプリケーション。







デビッドハドソンによるTypeButter



フォントのカーニングを最適化するjQueryプラグイン。これにより、テキストが読みやすくなります。







X-Icon Editor





高解像度のファビコンを作成するためのWebアプリケーション。







記事 netmagazine.com から



All Articles