スマートフォンサイトã®HTMLコーディングメモ12個 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作display:table-cell; を活用ã™ã‚‹ リã‚ッドレイアウトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ã便利。 親è¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; 記事リストãªã©ã€ç”»åƒã¨ãƒ†ã‚ストを横並ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ タップ時ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚アルファ値もè¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width を指定 img・iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; を指定ã™ã‚‹ã€‚ word-break:break-all; を指定 スマホã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“。 word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ フォ
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #12 Pinterest風グリッドレイアウトを作ã£ã¦ã¿ãŸ | DevelopersIO
CSS Load.net - Loading CSS spinners and bars generator for AJAX & JQuery
jsdo.it
ä¿å˜ç‰ˆï¼CSS3セレクタã®èª¬æ˜Žæ›¸
スマフォサイトã§ã‚ˆã見るパーツã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル集 | 07design.blog
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
HTML5ã€CSS3ã«é–¢ã™ã‚‹æƒ…å ±ã¾ã¨ã‚ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹æƒ…å ±ã€è¾žå…¸ã‚µã‚¤ãƒˆã€CSSジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€Validatorãªã©çŸ¥è˜ï½žæ´»ç”¨ã¾ã§ ｜https://wp.yat-net.com/name
Demo: Pure CSS speech bubbles – Nicolas Gallagher
CSS3ã®text-shadowを使ã£ãŸãƒ†ã‚スト装飾ã®ã‚µãƒ³ãƒ—ル集 - ã‹ã¡ã³ã¨.net
CSS3対応ã®CSSセレクタ一覧 - CSSデザインノート
Ultimate CSS Gradient Generator from ColorZilla
興味深ã„テクニックを多々å–り入れã¦ã„ã‚‹HTML5+CSS3ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Gridless
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘】新è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚ - CSS HappyLife
実用的ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“æƒã£ã¦ã‚‹ã€HTML5+CSS3ベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Perkins
ã†ã®ã‚‰ã¼ã€‚ - ã€CSS】スマートフォンå‘ã‘Webサイトã§dataURIãŒæœ¬é ˜ç™ºæ®ã™ã‚‹ä»¶
グリーã«å¦ã¶ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºå‘ã‘Webアプリè¦ç´ ã®æœ€æ–°æŠ€è¡“　～HTML5ã€CSS3を採用ã—ãŸãƒã‚¤ãƒ³ãƒˆã¨ã¯
ã€HTML5】新è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1
http://www.designwalker.com/2010/06/html5-template.html
é•·ã„æ–‡å—列ãŒç¶šã„ã¦æ–‡å—ãŒã¯ã¿å‡ºã—ã¦ã—ã¾ã†ã®ã‚’防æ¢ã™ã‚‹CSS:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}