iOSã§ã‚‚100vhã‚’ã„ã„å…·åˆã«èª¿æ•´ã—ã¦ç”»é¢ã®é«˜ã•ã„ã£ã±ã„ã«è¦ç´ を表示ã•ã›ã‚‹TAK(@tak_dcxi)ã§ã™ã€‚今回もCSSã«é–¢ã™ã‚‹æŠ•ç¨¿ã§ã™ã€‚ 以å‰ã“ã®ã‚ˆã†ãªãƒ„イートをã—ã¾ã—ãŸã€‚ メインビジュアルãªã©ã€ç”»é¢ã„ã£ã±ã„ã«è¦ç´ を表示ã™ã‚‹ãŸã‚ã«heightã‚„min-heightã«100vhを指定ã™ã‚‹ã€‚ãã—ã¦ã€iOSã§è¡¨ç¤ºç¢ºèªã—ãŸæ™‚ã«ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡ŒãŒèµ·ã“ã‚‹ã‚ã‘ã§ã™â€¦ã€‚ iOSã®Safariã§ã®100vhãŒæ°—ã«é£Ÿã‚ãªã„å•é¡Œ iOSã®Safariã§ã¯100vhã®è¨ˆç®—ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ãŒè€ƒæ…®ã•ã‚Œã¦ã„ãªã„ãŸã‚ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼åˆ†æŠ¼ã—出ã•ã‚Œã¦æ ¼å¥½æ‚ªã表示ã•ã‚Œã¾ã™ã€‚ã¡ãªã¿ã«iOSã®Google Chromeã¯ä¸èº«Safariãªã®ã§ã‚れもSafariã§ã™ã€‚ ã“ã®å•é¡Œã«ç«‹ã¡å‘ã‹ã†ãŸã‚ã«ã€å®Ÿè£…者ã¯JavaScriptを利用ã—ã¦é«˜ã•ã‚’指定ã—ãŸã‚Šã€height: 100%;ã®ãƒã‚±ãƒ„リレーを行ã£ã¦ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã¾ã§è€ƒæ…®ã—ãŸç”»é¢ã„ã£ã±ã„ã®è¡¨ç¤ºã‚’実ç¾ã™ã‚‹ãŸã‚ã«é ‘å¼µã£ã¦ããŸã‚ã‘ã§ã™ã€‚ ãã‚“ãªä¸ã€å…ˆç¨‹ã®ãƒ„イートã‹ã‚‰
jQueryã§ã‚¹ãƒžãƒ›ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’無効化ã™ã‚‹ - Qiita
digitalskill.jp
スマホサイトã§ä½¿ãˆã‚‹ã‚³ãƒ”ペTips集(Javascript / CSS3 / HTML5) | hi-posi Front-End blog
最近ã®overflow: scroll事情 - console.lealog();
1ã‹ã‚‰å§‹ã‚ã‚‹Swift言語。Swiftã§iPhoneApp製作 ãã®1
ã€Xcodeã¨ã¯ï¼Ÿã€‘Xcodeã®ä½¿ã„æ–¹ã€Swiftã‹ã‚‰å§‹ã‚るアプリ開発ã®åŸºç¤Žã‚’åˆå¿ƒè€…å‘ã‘ã«è§£èª¬ - エンジニアtype | 転è·type
GitHub - benmajor/jQuery-Touch-Events: A collection of mobile event plugins for jQuery.
[iOS] iOS エンジニア以外ã§ã‚‚リリースã§ãã‚‹ï¼iOS アプリã®ãƒªãƒªãƒ¼ã‚¹æ‰‹é †ã®ã¾ã¨ã‚ [2015å¹´11月版] | DevelopersIO![[iOS] iOS エンジニア以外ã§ã‚‚リリースã§ãã‚‹ï¼iOS アプリã®ãƒªãƒªãƒ¼ã‚¹æ‰‹é †ã®ã¾ã¨ã‚ [2015å¹´11月版] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/70be6be4a1b16ae320da190065d24a53f9ea89d0/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F08%2Fapp_store.png)
Monaca Localkitã¨Gitã§ãƒãƒ¼ã‚«ãƒ«é–‹ç™ºã‚’ã¯ã˜ã‚ã¦ã¿ã‚ˆã†
Webエンジニアã®ãŸã‚ã®Swift言語入門 - ICS MEDIA
iOS Design Guidelines
iOS 9, Safari and the Webï¼firt.dev
タッãƒæ“作ã«å¯¾å¿œã—ãŸç”»åƒãƒ“ューワーをJavaScriptã§ä½œã‚‹ãªã‚‰D3.jsãŒä¾¿åˆ©
GitHub - IjzerenHein/autolayout.js: Apple's Auto Layout and Visual Format Language for javascript (using cassowary constraints)
Payforward
GitHub - cjwirth/awesome-ios-ui: A curated list of awesome iOS UI/UX libraries
[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js![[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c79333735eb75d10033e33d194426b66f5def3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png)
CSSã ã‘ã§ãŠæ‰‹è»½ãªãƒ•ãƒªãƒƒã‚¯&ドラッグスライダーを作る | ãƒã‚·ãƒ£ãƒã‚°ã€‚
[CSS]iOSã§æ»‘らã‹ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’実ç¾ã™ã‚‹-webkit-overflow-scrollingã®ä½¿ã„æ–¹ | WEBデザインã®TIPSã¾ã¨ã‚サイト「ウェブãƒã‚¿ãƒãƒ§ã€![[CSS]iOSã§æ»‘らã‹ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’実ç¾ã™ã‚‹-webkit-overflow-scrollingã®ä½¿ã„æ–¹ | WEBデザインã®TIPSã¾ã¨ã‚サイト「ウェブãƒã‚¿ãƒãƒ§ã€](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad835612cfc272d8f3a17547f348ac4d0ae79936/height=288;version=1;width=512/https%3A%2F%2Fwebantena.net%2Fwp-content%2Fuploads%2F2014%2F02%2F6523979.jpg)
{{#tags}}- {{label}}
{{/tags}}