サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
norando
id:norando
●
981
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
3D
(2)
●
ABテスト
(1)
●
AI(2)
●
API
(6)
●
AR(1)
●
Ajax
(4)
●
Bootstrap
(1)
●
CSS Grid Layout
(1)
●
CSS設計
(1)
●
Cheerio
(2)
●
DNS
(2)
●
DYK
(1)
●
Dreamweaver
(2)
●
EC(3)
●
Feedly
(1)
●
Firebase
(1)
●
Flexbox
(4)
●
FontAwesome
(1)
●
GDPR
(2)
●
GIF
(1)
●
GPL
(2)
●
GitHub
(1)
●
Googleアナリティクス
(5)
●
Gutenberg
(5)
●
HTML
(6)
●
HTML5
(1)
●
HTTPS
(2)
●
IE(2)
●
IFTTT
(1)
●
IP電話
(2)
●
JavaScript
(50)
●
LEGO
(1)
●
LINE
(1)
●
LP(1)
●
MFI
(7)
●
PROMISE
(1)
●
PWA
(3)
●
Photoshop
(27)
●
Pinterest
(1)
●
RSS
(1)
●
React
(2)
●
SEO
(74)
●
SNS
(22)
●
SQL
(2)
●
SSH
(2)
●
SSL
(4)
●
SVG
(4)
●
Tシャツ
(1)
●
Umbrella
(1)
●
VSCode
(2)
●
Vue
(3)
●
WEBアプリ
(2)
●
WEBフォント
(1)
●
WP-CLI
(4)
●
WordPress
(109)
●
adobe
(2)
●
affinity
(1)
●
amp
(13)
●
angular
(1)
●
atom
(7)
●
bem
(4)
●
bitbucket
(2)
●
bookmarklet
(1)
●
bot
(1)
●
browser-sync
(1)
●
cakephp
(1)
●
canvas
(2)
●
chrome
(3)
●
coinhive
(1)
●
css
(82)
●
csv
(2)
●
developertool
(1)
●
docker
(2)
●
dom
(1)
●
dvd
(1)
●
ejs
(3)
●
facebook
(1)
●
git
(6)
●
google
(6)
●
grid
(2)
●
gulp
(16)
●
hatena
(1)
●
hosting
(1)
●
html5.1
(4)
●
illustrator
(10)
●
illusttator
(3)
●
input
(1)
●
jQuery
(21)
●
javascript.lib
(1)
●
jpeg
(1)
●
jpg
(1)
●
jqgrid
(1)
●
knockout.js
(2)
●
line-height
(1)
●
node
(5)
●
nonce
(1)
●
ogp
(3)
●
oss
(1)
●
pardot
(1)
●
pdf
(4)
●
php
(26)
●
sass
(6)
●
schema.org
(1)
●
sem
(1)
●
sourcetree
(2)
●
speever
(1)
●
srcset
(1)
●
table
(3)
●
twentytwelve
(1)
●
twitter
(7)
●
ui(23)
●
ux(22)
●
viewport
(1)
●
webpack
(1)
●
webサービス
(2)
●
webデザイン
(13)
●
web制作
(13)
●
xampp
(2)
●
xd(1)
●
youtube
(1)
●
あとでやる
(2)
●
あとで読む
(8)
●
いつか役にたつ
(1)
●
おつまみ
(1)
●
さくらインターネット
(2)
●
アイコン
(13)
●
アクセシビリティ
(5)
●
アクセス解析
(24)
●
アップローダ
(1)
●
アニメーション
(8)
●
アフィリエイト
(2)
●
アプリ
(1)
●
アメブロ
(1)
●
イラスト
(13)
●
インフラ
(1)
●
ウィジェット
(2)
●
ウナギ
(1)
●
エディタ
(4)
●
エンジニア
(1)
●
カスタマイザー
(5)
●
カスタムヘッダー
(1)
●
カスタムロゴ
(2)
●
カスタム投稿
(5)
●
カレンダー
(1)
●
カードローン
(1)
●
カーニング
(1)
●
ガイドライン
(3)
●
キャッシュ
(4)
●
キャッチコピー
(1)
●
キャプチャ
(2)
●
キーワード
(2)
●
ギャラリー
(7)
●
クリエイター
(1)
●
グラフ
(4)
●
グリッド
(4)
●
ゲーム
(2)
●
コンテナ
(1)
●
コンテンツ
(1)
●
コンバージョン
(7)
●
サイト制作ツール
(3)
●
サーバ
(2)
●
サーバー
(4)
●
スクレイピング
(10)
●
スパム
(1)
●
スピードアップデート
(1)
●
スマホ
(9)
●
スマホメニュー
(8)
●
スライド
(2)
●
セキュリティ
(35)
●
ソーシャルログイン
(1)
●
ソート
(1)
●
タイポグラフィ
(2)
●
ダウンロード
(2)
●
ダミー
(1)
●
チェックボックス
(1)
●
チャート
(1)
●
チュートリアル
(4)
●
ツール
(16)
●
テクスチャ
(2)
●
テスト
(2)
●
テンプレート
(12)
●
デザイン
(43)
●
デッサン
(1)
●
デバッグ
(1)
●
データ
(1)
●
トリックアート
(1)
●
トレース
(1)
●
ドロップシッピング
(1)
●
ナビゲーション
(1)
●
ネタ
(1)
●
ネットワーク
(1)
●
ネット選挙
(1)
●
ネーミング
(1)
●
バグ
(1)
●
バッチ
(5)
●
バッチ1(2)
●
バナー
(1)
●
パターン
(2)
●
パッケージ
(1)
●
パフォーマンス
(1)
●
パンくず
(1)
●
パーティクル
(1)
●
フィルタ
(1)
●
フォント
(30)
●
フォーム
(11)
●
フリーソフト
(1)
●
フリーランス
(6)
●
フレームワーク
(2)
●
フロントエンド
(4)
●
ブラシ
(3)
●
ブレンド
(1)
●
ブログ
(2)
●
プッシュ通知
(1)
●
プラグイン
(6)
●
プレゼンテーション
(1)
●
プログラミング
(5)
●
プログラムの著作権
(4)
●
プロモーション
(1)
●
ボタン
(2)
●
ポップアップ
(1)
●
マテリアルデザイン
(2)
●
マンガ
(1)
●
マーケティング
(5)
●
ミドリガメ
(1)
●
メディア
(1)
●
メニュー
(3)
●
メルマガ
(1)
●
メールフォーム
(1)
●
モバイル
(2)
●
ユニバーサルデザイン
(1)
●
ユーザビリティ
(2)
●
ライセンス
(5)
●
ライティング
(3)
●
ランディングページ
(1)
●
リセット
(1)
●
リテラシー
(1)
●
レイアウト
(3)
●
レスポンシブ
(7)
●
レタッチ
(3)
●
レビュー
(1)
●
ロゴ
(8)
●
ローディング
(1)
●
ワイヤーフレーム
(1)
●
下請法
(1)
●
亀
(1)
●
事件
(6)
●
二重投稿
(2)
●
仕事
(7)
●
仕事術
(3)
●
保育園
(1)
●
個人情報
(4)
●
健康
(1)
●
共有
(2)
●
利用規約
(1)
●
制作会社
(1)
●
勉強
(16)
●
動画
(2)
●
印刷
(2)
●
同人
(1)
●
名刺
(1)
●
命名
(1)
●
和風
(1)
●
哲学
(1)
●
営業
(4)
●
埋め込みコード
(1)
●
外注
(1)
●
契約
(1)
●
家
(1)
●
小児科
(1)
●
小技
(1)
●
小説
(2)
●
広告
(1)
●
技術書
(1)
●
拡張機能
(1)
●
掲示板
(1)
●
政治
(2)
●
教育
(2)
●
文字コード
(1)
●
料理
(2)
●
日本語
(2)
●
書斎
(1)
●
本
(8)
●
校正
(3)
●
森
(3)
●
構造化マークアップ
(3)
●
機械学習
(2)
●
民謡
(1)
●
游ゴシック
(1)
●
漫画
(1)
●
物件
(1)
●
物流
(1)
●
画像
(4)
●
画像処理
(3)
●
目次
(1)
●
管理画面
(23)
●
素材
(35)
●
統計
(3)
●
縦書き
(1)
●
育児
(6)
●
背景
(2)
●
脆弱性
(3)
●
自動化
(1)
●
著作権
(5)
●
表示速度
(23)
●
見出し
(3)
●
見積もり
(1)
●
設計
(10)
●
診断メーカー
(1)
●
認証
(1)
●
読み物
(1)
●
課金
(1)
●
論文
(3)
●
資料
(2)
●
選挙
(6)
●
配色
(16)
●
酒
(1)
●
開発
(3)
●
開発環境
(1)
●
防災
(1)
●
静的サイト
(1)
●
鳥獣戯画
(1)
●
WordPress
(109)
●
css
(82)
●
SEO
(74)
●
JavaScript
(50)
●
デザイン
(43)
●
セキュリティ
(35)
●
素材
(35)
●
フォント
(30)
●
Photoshop
(27)
●
php
(26)
関連タグで絞り込む (1)
●
ツール
タグの絞り込みを解除
viewportに関するnorandoのブックマーク (1)
●
95 users
●
note.com/unshift
●テクノロジー
基本的には実装側で見え方に破綻がないようにしますが、実機でみたときにデザイナーさんは自分でデザインしたものとは少なからず違うものがあがってくるはずなので、違和感を感じることはないのかなと、疑問に思いました。 結局はデザイナーさんと実装者との間で、あらゆる画面サイズにどのように対応するかのルールがしっかり共有できればいいですが、口頭や文字だけだったりすると、なかなかわかりにくかったりするものです。 なので、デザインデータに入れてもらったほうが、実機に近い形での見え方がイメージできるのでデザイナーさんもエンジニアも幸せになれるのでは、と思いました。 スマートフォンの画面サイズはさまざまですが、基本的にはiPhoneを基準につくるデザイナーさんが多いかと思うので、少なくとも多くのユーザを占めるiPhoneの見え方は担保できるかな、という感じです。 まぁそんなデザイナーさんの手助けになればと思いま
norando
2018/09/25
●ツール
●viewport
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第4週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第2週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
スマートフォン用サイトを制作するデザイナーさんに伝えたいWebブラウザのViewport(表示領域)の話。エンジニアにも役立つかも。 Part1｜Takumi Hasegawa (unshift)