RetinaサポートWebへの第一歩 | Tai... / ウェブサイトのRetina化 | drops -... / AMAITORTE - 日記 - 記事『Reti...他...全7件
タグ
- すべて
- Mac (5)
- Riot (2)
- iPhone (5)
- jQuery (27)
- まとめ (8)
- *JavascriptLibrary (2)
- *use (38)
- *webデザイン (5)
- *あとでやる (3)
- *あとで見る (7)
- *あとで読む (254)
- *これは欲しい (2)
- *デザイン参考 (26)
- *教える (3)
- *試す (2)
- 2011年 (2)
- 2ch (2)
- 3D (2)
- AMP (5)
- Android (18)
- Autoprefixer (2)
- Backbone (5)
- Backbone.js (10)
- CMS (6)
- CoffeeScript (3)
- DB (2)
- DreamWeaver (8)
- Drupal (7)
- ECサイト (7)
- Emmet (8)
- Excel (16)
- Facebookページ (4)
- Fireworks (48)
- GoogleMap (2)
- HTML (16)
- HTML5 (67)
- Hack&Bug (3)
- IE (27)
- IE6 (6)
- JSON (3)
- LINEスタンプ (3)
- MT (3)
- Mac (36)
- MacBook Air (2)
- Media Queries (2)
- Microsoft (2)
- MySQL (2)
- NAVER (3)
- ORANGE (2)
- Objective-C (2)
- PC (6)
- RSS (3)
- React (4)
- Responsive (40)
- SSL (2)
- SVG (15)
- Skype (2)
- Sublime Text2 (2)
- UI (60)
- UX (10)
- VCCW (3)
- VirtualBox (4)
- W3C (2)
- WBS (2)
- Webアプリ (2)
- Webサイト (6)
- Webフォント (7)
- Windows8 (4)
- Xcode (2)
- YouTube (2)
- Zen-Coding (2)
- add-on (7)
- adobe (7)
- adult (2)
- adventcalendar (6)
- air (2)
- ajax (15)
- alpha (2)
- amazon (2)
- analytics (21)
- angular (2)
- angular.js (5)
- animation (21)
- api (13)
- app (9)
- apple (4)
- async (2)
- background (4)
- backup (2)
- baseline (2)
- bem (3)
- black (17)
- blue (20)
- book (5)
- bookmarklet (4)
- bootstrap (19)
- brown (2)
- browser (11)
- bug (2)
- business (4)
- button (9)
- calendar (8)
- canvas (8)
- carousel (6)
- checkbox (6)
- chrome (29)
- cloud (4)
- coda (5)
- code (8)
- coding (6)
- color (20)
- command (5)
- compass (16)
- compress (2)
- config (6)
- configuration (2)
- convert (2)
- cookpad (6)
- css (164)
- css3 (71)
- cute (3)
- debug (8)
- design (21)
- develop (2)
- developer (2)
- development (7)
- diff (4)
- direction (4)
- document (7)
- download (4)
- drag&drop (3)
- dropbox (4)
- dummy (2)
- ec (8)
- eccube (2)
- editor (9)
- effect (6)
- email (3)
- english (5)
- entity (2)
- event (3)
- extension (5)
- facebook (22)
- favicon (2)
- field (2)
- firefox (10)
- fixed (3)
- flash (22)
- flex (5)
- flexbox (13)
- font (38)
- form (16)
- framework (21)
- free (35)
- functions (3)
- gallery (5)
- generator (24)
- git (50)
- github (25)
- gmail (3)
- goodDesign (113)
- google (35)
- google analytics (4)
- gradation (5)
- gray (6)
- green (6)
- grid (12)
- grunt (26)
- grunt.js (4)
- gui (6)
- guide (3)
- guideline (18)
- gulp (29)
- health (8)
- htaccess (4)
- iOS (18)
- iPhone (47)
- icon (42)
- ie8 (3)
- illustrator (3)
- image (17)
- ios6 (4)
- ipad (6)
- itunes (5)
- jQuery Mobile (3)
- jQueryMobile (4)
- javascript (205)
- jquery (197)
- js (44)
- jsx (4)
- keyboard (3)
- layout (4)
- less (5)
- library (47)
- lifehack (8)
- lightbox (3)
- line (3)
- linux (3)
- loading (8)
- mail (3)
- map (4)
- marketing (3)
- material (81)
- mixin (5)
- mixins (3)
- mobile (8)
- modal (6)
- modx (3)
- monotone (3)
- movable type (8)
- movabletype (112)
- movie (3)
- music (4)
- network (4)
- node.js (16)
- npm (4)
- oem (5)
- office (3)
- ogp (6)
- oocss (6)
- opacity (4)
- pager (5)
- pattern (8)
- pdf (7)
- performance (9)
- photo (18)
- photoshop (36)
- php (23)
- placeholder (3)
- plugin (121)
- png (4)
- powerpoint (3)
- presentation (7)
- programming (18)
- project (10)
- psd (6)
- radio (3)
- red (14)
- redmine (8)
- reference (12)
- resize (3)
- retina (5)
- ruby (10)
- sass (54)
- scroll (9)
- scss (22)
- search (4)
- select (6)
- seo (39)
- server (3)
- settings (3)
- shortcut (3)
- slack (3)
- slide (9)
- slider (3)
- slideshare (7)
- snippet (6)
- snippets (8)
- sns (5)
- social (7)
- sound (4)
- style guide (4)
- sublime (15)
- sublime text 2 (10)
- sublimetext (11)
- sublimetext2 (16)
- syntax (3)
- tab (3)
- table (10)
- template (17)
- test (8)
- text (3)
- texture (7)
- theme (7)
- thumbnail (12)
- tips (17)
- titanium (3)
- tool (8)
- tools (16)
- transition (5)
- trigger (3)
- tutorial (28)
- twitter (16)
- url (6)
- vagrant (12)
- vector (3)
- version (3)
- video (3)
- vim (11)
- vimrc (4)
- vue (16)
- vue.js (9)
- wallpaper (4)
- web (11)
- web2.0 (3)
- webdesign (17)
- webfont (4)
- webpack (8)
- webservice (22)
- webstorm (3)
- webサービス (100)
- webデザイン (237)
- webマーケティング (8)
- web制作 (23)
- web制作会社 (12)
- white (24)
- windows (24)
- wireframe (7)
- wordpress (78)
- work (4)
- あとで読む (246)
- かわいい (5)
- これはすごい (4)
- はてな (5)
- まとめ (292)
- アイコン (12)
- アイデア (3)
- アクセシビリティ (6)
- アクセス解析 (24)
- アニメーション (27)
- アプリ (14)
- イベント (6)
- ウィジェット (3)
- エディタ (4)
- エフェクト (8)
- オブジェクト指向 (4)
- オープンソース (3)
- カスタマイズ (12)
- カルーセル (5)
- ガイドライン (12)
- キャプチャ (3)
- キャンペーン (6)
- キーワード (4)
- クックパッド (9)
- クレジットカード (3)
- クロージャ (3)
- グラフ (4)
- グルメ (4)
- ゲーム (3)
- コピーライティング (6)
- コマンド (4)
- コミュニケーション (3)
- コンバージョン (7)
- コーダー (4)
- コーディング (18)
- サービス (7)
- ショートカット (9)
- シンプル (3)
- スクロール (5)
- スケジュール (7)
- スニペット (13)
- スマホ (6)
- スマホサイト (3)
- スマートフォン (43)
- スライダー (3)
- スライド (14)
- セキュリティ (6)
- セミナー (3)
- ソーシャルボタン (3)
- ソーシャルメディア (3)
- ダイエット (14)
- チェックツール (3)
- チュートリアル (4)
- チートシート (7)
- ツール (16)
- テクスチャ (3)
- テクニック (5)
- テスト (8)
- テンプレート (15)
- ディレクション (15)
- デザイン (26)
- デザイン参考 (10)
- デバッグ (5)
- データベース (3)
- トレーニング (3)
- ドキュメント (4)
- ナビゲーション (3)
- ネタ (19)
- バグ (3)
- バックアップ (4)
- パスタ (4)
- パターン (5)
- パフォーマンス (3)
- パララックス (5)
- パーツ (5)
- ビジネス (6)
- ビルド (5)
- ファイル (4)
- ファッション (3)
- フォント (10)
- フォーム (9)
- フットサル (3)
- フラットデザイン (3)
- フリー (6)
- フリーソフト (6)
- フリー素材 (9)
- フレームワーク (13)
- フロントエンド (5)
- ブログ (9)
- プラグイン (26)
- プレゼン (16)
- プレゼンテーション (4)
- プログラミング (7)
- プロジェクト (7)
- プロジェクト管理 (9)
- ベストプラクティス (3)
- ボタン (4)
- マーケティング (39)
- メルマガ (3)
- メンテナンス (3)
- メール (5)
- ユーザビリティ (6)
- ライブラリ (10)
- ラーメン (6)
- リファレンス (3)
- レイアウト (4)
- レシピ (32)
- レスポンシブ (32)
- ワイヤーフレーム (22)
- 二郎 (3)
- 仕事術 (8)
- 仮面ライダー (6)
- 企業 (6)
- 企画書 (17)
- 余白 (3)
- 健康 (5)
- 写真 (7)
- 写真素材 (3)
- 制作会社 (4)
- 効率化 (4)
- 勉強 (4)
- 勉強会 (4)
- 動画 (7)
- 圧縮 (3)
- 変数 (5)
- 学習 (5)
- 広告 (7)
- 役割 (5)
- 心理学 (4)
- 拡張機能 (13)
- 提案書 (4)
- 教育 (6)
- 文章 (5)
- 日本語 (5)
- 書籍 (7)
- 最適化 (9)
- 本 (3)
- 検索 (7)
- 無料 (6)
- 特撮 (3)
- 画像 (27)
- 管理画面 (13)
- 素材 (35)
- 統計 (4)
- 翻訳 (3)
- 自動化 (3)
- 見積 (4)
- 設計 (8)
- 調査 (7)
- 資料 (3)
- 転職 (3)
- 配色 (20)
- 開発 (17)
- 開発環境 (4)
- 食べ放題 (3)
- 高速化 (13)
- まとめ (292)
- *あとで読む (254)
- あとで読む (246)
- webデザイン (237)
- javascript (205)
- jquery (197)
- css (164)
- plugin (121)
- goodDesign (113)
- movabletype (112)
retinaに関するokeke1101のブックマーク (5)
-
okeke1101 2012/07/01
[image]- retina
リンク -
-
ウェブサイトのRetina化 | drops - onotakehiko.com
iPhone 4からはじまり新しいiPadことiPad 3rd、そしてもはや確定的とも思われる次期MacBook ProのRetina化。現状でウェブサイトをRetina化する効率的な方法を考えると、 “Retina Images” を使うのが最適解な気がしている。 Retina画像を対応端末に表示させる場合、 imgタグによる設置 <img src="foo@2x.png" width="100" height="100" alt="bar"> background-imageによる設置方法 <style> #foo { width: 100px; height: 100px; background: url(bar.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foo
-
-
higash.net
higash.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx