ゆã‚ã„ã‚デザイン｜ブランドマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ»Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤã¾ãšã€iPhone Xã«å¯¾å¿œã—ã¦ã„ãªã„Webサイトã¯Safariブラウザã§ã¯ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ ãƒãƒ¼ãƒˆãƒ¬ãƒ¼ãƒˆãƒ¢ãƒ¼ãƒ‰ã§ã¯ä¸€è¦‹æ£ã—ã表示ã•ã‚Œã¾ã™ã€‚ 下å‘ãã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œãªããªã‚Šã€ç”»é¢ä¸‹éƒ¨ã®ãƒ©ã‚¦ãƒ³ãƒ‰ã—ãŸé ˜åŸŸã«ã‚‚コンテンツãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ—©ã„話ãŒã€è¿½å°¾åž‹åºƒå‘Šã®ã‚ˆã†ãªãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„やナビゲーションをé…ç½®ã™ã‚‹ã¨ã€ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œãªã„å¯èƒ½æ€§ãŒé«˜ããªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—モードã§ã¯ã¯ã£ãã‚Šã¨é•ã„ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ツールãƒãƒ¼ã‚„ステータスãƒãƒ¼ã¯å…¨ç”»é¢ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ä¸å¤®å·¦å³ã«å®‰å…¨é ˜åŸŸãŒã‚ã‚Šã¾ã™ãŒã€ãれ以外ã®éƒ¨åˆ†ã‚‚bodyè¦ç´ ã®background-colorã§æç”»ã•ã‚Œã¾ã™ã€‚ ãªãŠã€èƒŒæ™¯ç”»åƒã‚’指定ã—ã¦ã„ã¦ã‚‚無視ã•ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã‚’覚ãˆã¦ãŠãã¾ã—ょã†ã€‚ ãã®ã»ã‹ã«ã‚‚ã€ã‚»ãƒ¼ãƒ•ã‚¨ãƒªã‚¢ã®å˜åœ¨ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ„図ã—ãŸæç”»ãŒã•ã‚Œãªã„状態ã«ãªã‚Š
iOS safariã§ç”»é¢ä¸‹éƒ¨ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ãŒæ¶ˆãˆãªã„よã†ã«ã™ã‚‹ - Qiita
CSSã®calc()関数を使ã†ã¨ã‚¹ã‚´ã‚¤ä¾¿åˆ©ï¼ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€è¦ç´ やフォントã®ã‚µã‚¤ã‚ºæŒ‡å®šãªã©å®Ÿè£…テクニックã®ã¾ã¨ã‚
徹底図解 入力フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»UXを高ã‚ã‚‹15ã®æ–¹æ³• - ãƒãƒƒãƒ—インサイト
分ã‹ã‚Šã‚„ã™ã„Web入力フォームã®ãŸã‚ã®å戒 | POSTD
CSSã§è¨ˆç®—å¼ã‚’å¯èƒ½ã«ã™ã‚‹calc()ファンクション
CSSã®ç´ 晴らã—ã„アイデアãŒæº€è¼‰ï¼2017年スタイルシートを使ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}