はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ビューポートサイズ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

レスポンシブ対応のレイアウトを実装する最新テクニックを解説、モバイルファーストとデスクトップファーストの現状 | コリス

2021/09/09 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス モバイ レイアウト レスポンシブ対応 ワークフロー

モバイルファーストとデスクトップファーストの現状、それぞれのワークフローを解説し、今日のレスポンシブ対応のレイアウトを実装するより良いアプローチ方法について紹介します。 ビューポートサイズとは関係ないすべてのデバイスで共通の基本スタイルを優先的に記述する方法、メディアクエリを使用しない方法、モバイ... 続きを読む

知っておくと役立つ、CSSの新機能!コンテナクエリの基礎知識と便利な使い方を解説 | コリス

2021/05/13 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス コンテナクエリ CSS プラグ メディアクエリ

CSSのコンテナクエリが、Chrome Canaryのフラグで利用できるようになりました。正式なサポートはこれからですが、一足先に、コンテナクエリの基礎知識と便利な使い方を紹介します。 メディアクエリはビューポートサイズに基づきますが、コンテナクエリは文字通り親コンテナに基づいてスタイルを定義できます。これにより... 続きを読む

[JS]面倒なスマフォ・タブレットでの異なるビューポートサイズの確認が簡単にできるスクリプト -rFrame | コリス

2013/07/03 このエントリーをはてなブックマークに追加 42 users Instapaper Pocket Tweet Facebook Share Evernote Clip rFrame コリス ビューポート iPhone jQuery

制作した(制作中)のウェブページをiPhone, Android, iPad, Kindleなどスマフォやタブレットのビューポートのサイズでエミュレートして表示するレスポンシブ対応サイト制作時に役立つjQueryのプラグインを紹介します。 rFrame -GitHub rFrameのデモ rFrameの使い方 rFrameのデモ まずは、下記のようなデスクトップ用のページがあるとします。 デモでは... 続きを読む

 
(1 - 3 / 3件)