はてブログ

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



タグ デスクトップ・スマホ

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

HTMLページのhead内に記述する要素の総まとめ | コリス

2017/09/26 このエントリーをはてなブックマークに追加 950 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CheatSheet head meta要素 最小限

HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した 以前の版 からいろ... 続きを読む

レスポンシブの確認が快適に!ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス | コリス

2015/05/12 このエントリーをはてなブックマークに追加 227 users Instapaper Pocket Tweet Facebook Share Evernote Clip デバイス タブレット スクリーンサイズ 操作 コリス

ブラウザやOSを問わずに、デスクトップ・スマホ・タブレット・テレビなどさまざまなデバイスのスクリーンサイズをシミュレートしてWebページの表示確認ができる無料オンラインサービスを紹介します。 操作は非常に快適で、ノースト...記事の続きを読む 続きを読む

Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive | コリス

2014/09/09 このエントリーをはてなブックマークに追加 238 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Responsive Adaptive static

デモページ Responsive(レスポンシブ) Adaptive(アダプティブ) Liquid(リキッド) Static(スタティック) Responsive(レスポンシブ) レスポンシブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。一見するとリキッドのように見えますが、表示サイズに応じて要素の幅のサイズやレイアウトが変化します。 デバイスごとに合わ... 続きを読む

 
(1 - 3 / 3件)