[CSS]実ã¯ã‹ãªã‚Šä¾¿åˆ©ï¼æ„外ã¨è¦‹è½ã¨ã•ã‚ŒãŒã¡ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚Webã¯ãã®é€²åŒ–ãŒæ—©ã„ã¨è¨€ã‚ã‚Œã€ä¸ã§ã‚‚CSSã¯æ—¥ã€…ã€æ–°ã—ã„テクニックや驚ãã¹ã実装方法ãŒç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚æ–°ã—ã„ã‚‚ã®ã«ç›®ã‚’å‘ã‘ã‚‹ã“ã¨ã¯ã‚‚ã¡ã‚ん大切ã§ã™ã€‚ã—ã‹ã—ã€ã™ã§ã«åˆ©ç”¨å¯èƒ½ãªã‚‚ã®ã§è¦‹è½ã¨ã—ã¦ã„る有用ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 有用ãªã®ã«ã€æ„外ã¨è¦‹è½ã¨ã•ã‚ŒãŒã¡ãªCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 9 Underutilized Features in CSS 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 1. レスãƒãƒ³ã‚·ãƒ–対応ã«ä¾¿åˆ©ãªã€Œcalc()〠2. ç›®ã‹ã‚‰ã‚¦ãƒã‚³ã®ã€Œ@mediaã€ã®ä½¿ã„æ–¹ 3. カラー指定を変数ã§ãŠã“ãªãˆã‚‹ã€ŒcurrentColor〠4. フォームã«ã‹ãªã‚Šä¾¿åˆ©ã€Œ:valid, :invalid, :empty〠5. ナンãƒãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã«olè¦ç´ ã¯å¿…è¦ãªã„「counter〠6. ä¸èº«ãŒä¸æ˜Žãª
![[CSS]実ã¯ã‹ãªã‚Šä¾¿åˆ©ï¼æ„外ã¨è¦‹è½ã¨ã•ã‚ŒãŒã¡ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/11d487ffaa0d8f97196e7f7cedd83ea94e889a64/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016102601.png)
CSSã®ç´ 晴らã—ã„アイデアãŒæº€è¼‰ï¼2015年スタイルシートã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
Web制作時ã«å‚™ãˆã¦ãŠããŸã„便利ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚ -Bootstrap, WordPress, CSS3, Git, SublimeTextãªã©
åˆå¿ƒè€…ã§ã‚‚ã»ã¼ç„¡æ–™ã§HTML5/CSS3を勉強ã§ãるコンテンツ9é¸ - paiza times
ã‹ã¤ã¦ã¯JavaScriptを利用ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
Grid 日本語版
http://www.hp-stylelink.com/news/2013/10/20131001.php
CSS(スタイルシート)ã®åŸºæœ¬ã€å°æŠ€ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ç·ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}