CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
タグ
- すべて
- まとめ (6)
- *あとで試す (1)
- *まとめ (1)
- *資料 (1)
- 2ch (2)
- 2chブラウザ (1)
- ACL (1)
- API (11)
- AWSLambda (1)
- Android (1)
- C++ (1)
- C86 (1)
- CGM (2)
- CQRS (4)
- CRUD (2)
- CSRF (1)
- CSS (11)
- Chrome (2)
- CoffeeScript (3)
- Coq (3)
- DAO (2)
- DBMS (1)
- DB設計 (8)
- DDD (33)
- DI (3)
- DNS (1)
- DTP (1)
- DbC (1)
- DoCoMo (1)
- ELB (1)
- Eclipse (1)
- Excel (3)
- Fabric (1)
- Firefox (1)
- GIS (1)
- Git (16)
- Go To (1)
- Google (1)
- Google Mirror API (1)
- HTML (1)
- HTTP (1)
- Hadoop (1)
- Haskell (2)
- IPA (1)
- InBody (1)
- IoC (1)
- Java (2)
- JavaScript (49)
- Jenkins (2)
- LaTeX (1)
- Linux (6)
- MBTI (1)
- MNP (3)
- MOGRA (1)
- MVC (9)
- Mac (8)
- MacPorts (1)
- MapReduce (1)
- MartinFowler (1)
- MySQL (17)
- NJSLYR (3)
- OAuth 2.0 (1)
- OOP (2)
- OS (1)
- PC (3)
- PRGパターン (1)
- PSR (1)
- PSR-7 (1)
- Perl (3)
- Plugin (1)
- RDB (2)
- REST (5)
- RESTful (4)
- Rails (17)
- Redmine (1)
- Rhomobile (1)
- Ruby (31)
- RubyGems (2)
- RubyKaigi (1)
- SIer (1)
- SQL (5)
- Safari (1)
- Security (1)
- TDD (4)
- Trouble (1)
- URL設計 (5)
- UTF-8-Mac (1)
- ViewModel (4)
- Vim (13)
- Vue.js (1)
- Web API (1)
- WebSocket (3)
- Webフォント (1)
- Webプログラミング (1)
- Windows (4)
- Yahoo! (1)
- activerecord (2)
- agile (1)
- apache (4)
- apple (1)
- array (1)
- artisan (1)
- asset (1)
- atnd (1)
- auth (1)
- aws (1)
- backbonejs (3)
- backup (1)
- bash (1)
- benchmark (1)
- bestpractice (1)
- branch (1)
- business (1)
- cache (1)
- capistrano (5)
- chef (1)
- ci (6)
- clearfix (1)
- closure (1)
- cloud (1)
- cluster (1)
- cobol (2)
- codeigniter (5)
- composer (5)
- connection pool (1)
- cpan (2)
- css3 (2)
- curl (5)
- database (1)
- db (3)
- dci (1)
- ddd php (1)
- design (4)
- devops (1)
- docker (8)
- dockerhub (1)
- dotfiles (1)
- driver (1)
- emoji (1)
- epub (1)
- error (1)
- esa (2)
- evans (1)
- event (2)
- eventmachine (1)
- facade (1)
- facebook (1)
- film (1)
- flash (1)
- float (1)
- fork (2)
- foursquare (1)
- ftplugin (1)
- gadget (1)
- gae (1)
- gallery (1)
- geocoding (1)
- git-svn (1)
- gitflow (1)
- github (12)
- gmail (1)
- heroku (5)
- hhvm (1)
- html5 (11)
- http2 (1)
- iCloud (1)
- iOS (2)
- iPhone (9)
- iPhoneアプリ開発 (5)
- iPhone開発 (2)
- iTunes (3)
- id (1)
- iddd (1)
- irb (1)
- is_null (1)
- isset (1)
- it業界 (2)
- jQuery (18)
- jacascript (2)
- jmeter (4)
- kanban (1)
- keepalive (2)
- laradock (1)
- laravel (20)
- laravel4 (3)
- lastpass (1)
- library (2)
- lifehack (1)
- log (3)
- logging (1)
- logo (1)
- lookup (1)
- management (1)
- markdown (3)
- memcached (9)
- metaタグ (1)
- mobile (1)
- mod_rewrite (1)
- money (1)
- mongodb (2)
- monolog (1)
- multipart (1)
- music (1)
- nginx (2)
- nhk (1)
- ninja (1)
- node.js (15)
- nokogiri (2)
- nosql (1)
- oauth (2)
- observer (1)
- oss (1)
- p1 (1)
- padrino (1)
- pagination (1)
- pdf (1)
- pdo (2)
- pdsh (1)
- performance (5)
- persistent (1)
- phonegap (2)
- php (41)
- php-fpm (2)
- phpdoc (1)
- phpunit (1)
- pjax (1)
- programming (1)
- projection (1)
- psalm (1)
- pull-request (1)
- puppet (1)
- pushState (1)
- putty (1)
- queue (2)
- rails3 (5)
- rails3.1 (1)
- react (1)
- rebase (1)
- redis (2)
- redux (1)
- repository (1)
- reverse proxy (1)
- rfid (3)
- role (2)
- round (1)
- routes (1)
- routing (1)
- rspec (1)
- rsync (1)
- ruby1.9 (1)
- sar (1)
- selenium (3)
- server (4)
- short (1)
- si (3)
- slack (1)
- slide (4)
- sound (1)
- spin (1)
- ssh (1)
- strategyパターン (1)
- subversion (1)
- svn (1)
- swagger (1)
- timeout (1)
- tips (2)
- trait (1)
- tutorial (1)
- twitter (4)
- url (1)
- validate (1)
- validation (1)
- versioning (2)
- vi (1)
- video (2)
- view (1)
- vimrc (1)
- vimscript (4)
- web (11)
- webdav (2)
- webrick (1)
- webrtc (1)
- webアプリケーション (3)
- webサービス (18)
- webデザイン (10)
- web制作 (3)
- web開発 (1)
- worker (1)
- wwdc (1)
- x1 extreme (4)
- zenhub (1)
- あとで使う (2)
- あとで行く (1)
- あとで試す (10)
- あとで買う (1)
- あとで適当に読む (1)
- いい話 (2)
- うつ病 (1)
- お店 (1)
- お役立ち (2)
- けいおん (1)
- ここ行きたい (1)
- こんまり (1)
- どうでもいい (1)
- なるほどわからん (1)
- まとめ (19)
- やる夫 (1)
- アイコン (2)
- アイデア (1)
- アウトドア (1)
- アジャイル (1)
- アジャイル開発 (2)
- アニソンリミックス (3)
- アニメ (4)
- アプリ (5)
- アルゴリズム (3)
- アーキテクチャ (11)
- インストール (1)
- インターネット (1)
- インテリア (6)
- インデックス (1)
- インフラ (2)
- イーサネット (1)
- エモ (1)
- エラー処理 (1)
- エンコーディング (1)
- エンジニア (13)
- エンタープライズ (1)
- オカルト (2)
- オブジェクト指向 (2)
- オプティマイザ (2)
- カフェ (11)
- カルカソンヌ (1)
- カルーセル (1)
- カレンダー (2)
- カンバン (1)
- キャッシュ (2)
- キャリア (2)
- キャンペーン (3)
- キーボード (1)
- ギア (1)
- クライミング 外岩 (1)
- クライミングジム (1)
- クラウド (2)
- クラス設計 (2)
- クラミング (1)
- クリップアート (1)
- クリーニング (2)
- グラフ (2)
- グルメ (7)
- ゲーム (1)
- コピペ (1)
- コマンド (5)
- コマンドオブジェクト (1)
- コミットメッセージ (1)
- コメント (2)
- コロナ 失業保険 (1)
- コワーキング (1)
- コンテナ (1)
- コーディングスタイル (4)
- コーディング規約 (7)
- コーヒー (2)
- ゴルフカントリー (1)
- サブドメイン (2)
- サーバ (6)
- サービス (2)
- サービスロケータ (1)
- シェルスクリプト (2)
- システム開発 (22)
- シミ抜き (1)
- ショートカット (1)
- ジェネレータ (1)
- ジンジャーエール (1)
- スイーツ (1)
- スクレイピング (2)
- スクロール (1)
- スケーリング (1)
- スコープ (1)
- スタートアップ (4)
- スマートフォン (4)
- セキュリティ (10)
- セッション (1)
- ソフトウェア (1)
- ソフトウェア工学 (3)
- タイムマネジメント (1)
- タグ (1)
- ダミーデータ (1)
- チューニング (3)
- チーム (1)
- ツール (5)
- テキストエディタ (1)
- テクニック (3)
- テスト (25)
- テックリード (1)
- テンプレート (4)
- デザイン (13)
- デザインパターン (12)
- デバッグ (2)
- デプロイ (4)
- データベース設計 (4)
- ドメインイベント (6)
- ドロップダウンリスト (2)
- ニュース (2)
- ネタ (25)
- ネットワーク (3)
- ハッシュ (2)
- バーコード (3)
- バージョンアップ (2)
- パッケージ (2)
- パフォーマンス (3)
- ビジネス (7)
- ファクトリーメソッド (3)
- ファッション (3)
- フレームワーク (8)
- プレゼン (3)
- プレゼンテーション (9)
- プログラマ (6)
- プログラミング (40)
- プログラミング言語 (2)
- プロジェクト管理 (6)
- ボルダリング (3)
- ボードゲーム (4)
- マイクロサービス (2)
- メール (2)
- ライブラリ (2)
- リファクタリング (4)
- レイアウト (2)
- ワイモバイル (3)
- 人 (2)
- 仕事 (12)
- 仕事術 (3)
- 会計 (3)
- 住所 (2)
- 例外処理 (2)
- 例外設計 (4)
- 便利 (4)
- 個人開発 (2)
- 値オブジェクト (2)
- 健康保険料控除 (2)
- 公式 (2)
- 収納 (3)
- 受託 (2)
- 受託開発 (2)
- 命名規則 (19)
- 在庫管理 (3)
- 境界づけられたコンテ (2)
- 失業保険 (6)
- 契約 (2)
- 形式的技法 (2)
- 意識高い (2)
- 所得控除 (3)
- 技術 (3)
- 文章 (4)
- 映画 (6)
- 本 (3)
- 歴史 (4)
- 求人 (2)
- 無線LAN (3)
- 環境変数 (2)
- 生き方 (2)
- 生活 (9)
- 用語 (4)
- 監視 (2)
- 確定申告 (4)
- 素材 (4)
- 考え方 (2)
- 脆弱性 (2)
- 自動化 (3)
- 興味深い (3)
- 英語 (4)
- 行政 (2)
- 行政ハック (11)
- 設定 (5)
- 設計 (26)
- 読み物 (9)
- 負荷試験 (2)
- 資料 (3)
- 資料作成 (8)
- 資格 (2)
- 赤黒処理 (2)
- 転職 (26)
- 退職 (4)
- 運用 (4)
- 開発 (29)
- 雑学 (3)
- 高速化 (2)
- JavaScript (49)
- php (41)
- プログラミング (40)
- DDD (33)
- Ruby (31)
- 開発 (29)
- 設計 (26)
- 転職 (26)
- テスト (25)
- ネタ (25)
css3に関するngmyのブックマーク (2)
-
ngmy 2011/11/18
- css3
- CSS
- webデザイン
リンク -
XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx