You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
タグ
- すべて
- WordPress (16)
- iPhone (18)
- jQuery (21)
- まとめ (25)
- *webサービス (5)
- *webデザイン (6)
- *あとで見る (5)
- *あとで読む (104)
- *これはすごい (77)
- *つかう (4)
- *まとめ (17)
- *やってみる (8)
- *ネタ (38)
- .htaccess (4)
- 2013 (9)
- 2013年 (17)
- 3d (16)
- 4sq (4)
- API (69)
- AR (5)
- ASP (5)
- ActiveRecord (4)
- Ajax (5)
- Apache (11)
- App (30)
- BASE (15)
- Bootstrap (13)
- Browser (4)
- CA (4)
- CEO (22)
- CM (19)
- CMS (6)
- CSS3 (35)
- CTO (6)
- CentOS (15)
- Chrome (8)
- DB (7)
- DIY (4)
- DJ (10)
- DNS (6)
- DeNA (7)
- EC (55)
- EC-CUBE (4)
- ECサイト (4)
- Facebookページ (8)
- GMO (4)
- GREE (4)
- HTML (25)
- HTML5 (50)
- IBM (4)
- IE (8)
- IT (38)
- Japan (11)
- KPI (5)
- LED (6)
- LIG (8)
- LINE (13)
- Linux (17)
- MAMP (6)
- MVC (4)
- Mac (30)
- Mac OS X (4)
- Microsoft (7)
- MongoDB (5)
- MySQL (21)
- NAVER (14)
- NEX (4)
- OAuth (16)
- OSS (5)
- Objective-C (4)
- PC (6)
- PHP (41)
- PR (4)
- Photo (18)
- REST (4)
- RSS (12)
- Rails (186)
- SEO (4)
- SNS (17)
- SQL (7)
- SSL (7)
- TV (5)
- TechCrunch (6)
- Tシャツ (7)
- UI (22)
- UX (8)
- Unicorn (4)
- VC (16)
- VPS (5)
- Webサイト (6)
- Zeeble (10)
- amazon (37)
- analytics (5)
- android (34)
- animation (4)
- apache連携 (4)
- apple (8)
- art (6)
- aws (29)
- bitcoin (5)
- blog (11)
- bluetooth (10)
- book (6)
- business (43)
- camera (10)
- card (4)
- chart (8)
- cloud (10)
- coda (4)
- code (10)
- coding (6)
- coiney (4)
- company (10)
- cookpad (4)
- creative (4)
- cron (6)
- css (39)
- deploy (5)
- design (59)
- dev (6)
- develop (5)
- development (35)
- devise (5)
- ec2 (7)
- editor (5)
- etsy (4)
- event (6)
- evernote (5)
- excel (6)
- facebook (92)
- facebookアプリ (7)
- fashion (8)
- feed (4)
- finance (4)
- fluentd (4)
- framework (4)
- free (14)
- fukuoka (5)
- gadget (13)
- game (10)
- gem (39)
- generator (4)
- git (46)
- git-flow (4)
- github (32)
- google (61)
- google maps (10)
- graph (6)
- hack (4)
- hadoop (4)
- haml (4)
- hasegawa (4)
- health (4)
- heteml (7)
- i18n (4)
- iBeacon (11)
- iOS (35)
- iPad (12)
- iPhone (61)
- icon (9)
- idea (7)
- ijgn (18)
- image (4)
- instagram (6)
- interview (4)
- iot (6)
- it業界 (4)
- jQuery (59)
- java (4)
- javascript (54)
- js (23)
- json (4)
- library (12)
- life (27)
- lifehack (11)
- mail (4)
- management (10)
- map (6)
- marketing (7)
- media Queries (4)
- memcached (4)
- mixi (9)
- mobile (8)
- monitoring (5)
- movie (9)
- music (22)
- news (25)
- nginx (15)
- node (5)
- node.js (20)
- nokogiri (4)
- nulab (4)
- oita (5)
- okini (6)
- opsworks (4)
- oracle (8)
- paperboy&co. (4)
- payment (6)
- paypal (7)
- performance (7)
- phonegap (5)
- photoshop (13)
- plugin (14)
- pow (5)
- product (6)
- programming (24)
- push (4)
- rails3 (18)
- rails4 (13)
- reader (12)
- redis (5)
- rspec (4)
- ruby (94)
- ruby on rails (9)
- s3 (7)
- sass (5)
- sdk (4)
- security (7)
- server (14)
- services (6)
- share (12)
- shop (10)
- shunsuk (5)
- simple (6)
- slack (6)
- slideshare (9)
- social (13)
- software (5)
- sony (7)
- startup (34)
- technology (5)
- ted (6)
- test (7)
- theme (9)
- tips (24)
- titanium (5)
- togetter (5)
- tool (15)
- travel (5)
- tumblr (5)
- twitter (42)
- venture (8)
- video (10)
- vim (11)
- wantedly (6)
- web (41)
- webdesign (17)
- webservice (35)
- websocket (7)
- webサービス (201)
- webデザイン (115)
- web制作 (68)
- web制作会社 (13)
- wikipedia (5)
- wordpress (36)
- work (18)
- xml (8)
- yahoo (12)
- yahoo! (9)
- youtube (16)
- あとでApp (5)
- あとで読む (84)
- いい話 (6)
- おもしろ (14)
- お金 (15)
- かわいい (11)
- これはすごい (28)
- これはひどい (18)
- まとめ (162)
- アイコン (14)
- アイデア (19)
- アイディア (7)
- アクセス解析 (5)
- アジャイル (5)
- アニメーション (5)
- アプリ (56)
- アメリカ (12)
- アラタナ (19)
- アート (9)
- イジゲン (29)
- イノベーション (5)
- イベント (39)
- イラスト (5)
- インストール (16)
- インタビュー (19)
- インターネット (5)
- インテリア (10)
- インフラ (6)
- エアポ (6)
- エンジニア (31)
- オフィス (16)
- オンラインストレージ (5)
- オープンソース (10)
- カフェ (7)
- カメラ (16)
- クライアント (5)
- クラウド (15)
- クラウドファンディン (6)
- クリエイティブ (6)
- クレジットカード (8)
- クーポン (8)
- グラフ (9)
- グルメ (6)
- ゲーム (18)
- コミュニケーション (25)
- コミュニティ (6)
- サイバーエージェント (6)
- サーバ (22)
- サービス (33)
- シェア (7)
- シンプル (5)
- ジェネレータ (11)
- スクレイピング (5)
- スタートアップ (53)
- スポーツ (7)
- スマートフォン (21)
- スライド (6)
- セキュリティ (16)
- ソーシャル (10)
- ソーシャルコマース (5)
- ソーシャルメディア (14)
- チュートリアル (10)
- ツール (28)
- テクニック (7)
- テスト (13)
- テレビ (5)
- テンプレート (10)
- テーマ (6)
- デザイン (87)
- デジカメ (5)
- データベース (5)
- トリニータ (5)
- ドメイン (5)
- ニュース (17)
- ネタ (56)
- ハードウェア (6)
- バージョン管理 (6)
- パターン (8)
- パララックス (6)
- ビジネス (83)
- ビジネスモデル (9)
- ファイナンス (6)
- ファッション (11)
- フォント (21)
- フリー (9)
- フリーフォント (7)
- フリーランス (12)
- フリー素材 (28)
- フレームワーク (9)
- ブラウザ (6)
- ブログ (11)
- プラグイン (15)
- プレゼン (17)
- プログラマ (12)
- プログラミング (47)
- プログラム (5)
- プロモーション (14)
- ベンチャー (40)
- ペパボ (6)
- ホテル (6)
- マネジメント (11)
- マーケティング (38)
- メディア (8)
- モチベーション (5)
- モバイル (7)
- ライフハック (21)
- ライブラリ (9)
- リノベーション (5)
- リファレンス (7)
- ロボット (6)
- 不動産 (8)
- 世界 (9)
- 九州 (10)
- 事例 (6)
- 人事 (8)
- 人物 (5)
- 人生 (65)
- 仕事 (146)
- 仕事術 (12)
- 企業 (39)
- 企画 (8)
- 会社 (62)
- 会計 (7)
- 使う (15)
- 便利 (8)
- 健康 (19)
- 働き方 (14)
- 共有 (7)
- 写真 (39)
- 写真素材 (7)
- 別府 (9)
- 制作会社 (7)
- 労働 (12)
- 勉強 (15)
- 動画 (30)
- 医療 (6)
- 印刷 (8)
- 参考 (17)
- 名言 (5)
- 国際 (5)
- 地図 (7)
- 地方 (20)
- 大分 (119)
- 大分市 (9)
- 子供 (6)
- 子育て (11)
- 学習 (9)
- 家入一真 (11)
- 家具 (5)
- 家族 (8)
- 広告 (19)
- 引っ越し (8)
- 引越し (25)
- 心理 (10)
- 恋愛 (8)
- 投資 (12)
- 採用 (12)
- 支援 (9)
- 教育 (24)
- 数学 (6)
- 料理 (5)
- 旅行 (24)
- 日本 (34)
- 日本語 (5)
- 映画 (16)
- 時間 (8)
- 本 (5)
- 東京 (5)
- 楽天 (6)
- 欲しい (20)
- 歴史 (8)
- 比較 (5)
- 決済 (13)
- 沖縄 (5)
- 法律 (5)
- 海外 (11)
- 温泉 (7)
- 無印良品 (5)
- 猫 (11)
- 環境 (7)
- 生き方 (7)
- 生活 (26)
- 画像 (15)
- 監視 (5)
- 研究 (7)
- 社会 (32)
- 福岡 (34)
- 管理 (7)
- 素材 (34)
- 組織 (11)
- 経営 (75)
- 経済 (21)
- 結婚 (6)
- 結婚式 (5)
- 統計 (14)
- 考え方 (111)
- 育児 (12)
- 自転車 (5)
- 色 (5)
- 英語 (10)
- 行きたい (17)
- 観光 (5)
- 言葉 (16)
- 設定 (20)
- 調査 (9)
- 賃貸 (8)
- 資料 (12)
- 資金調達 (8)
- 起業 (53)
- 車 (7)
- 農業 (10)
- 野菜 (6)
- 銀行 (5)
- 開発 (67)
- 開発環境 (11)
- 電子書籍 (10)
- 電通 (5)
- 音楽 (24)
- 食 (6)
- webサービス (201)
- Rails (186)
- まとめ (162)
- 仕事 (146)
- 大分 (119)
- webデザイン (115)
- 考え方 (111)
- *あとで読む (104)
- ruby (94)
- facebook (92)
media Queriesに関するhitrokのブックマーク (4)
-
hitrok 2012/03/01
MediaQueryがIE8で使えるようになるそうですが効かない…- media Queries
- IE
リンク -
Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze - かちびと.net
シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いいかもしれないですね。 Media Queriesのようにデバイスを限定しないクロスブラウザ対応で、他のライブラリに依存せず利用出来る、圧縮版は1KBと軽量、というのが特徴です。 サイズに応じてスタイルが変わっています。何してるかというと、非常にシンプルで指定したブレークポイントに合わせて<html>にclassを付加させてるんですね。 サンプルどうぞ。 Sample ※動作確認はresponsivepxが便利です iPhoneだってOK。実機でも確認済みです。 コード <script src="syze.min.js"></script> <script>syze
-
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
-
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx