2019å¹´ã¾ã§ã«è¦‹ç›´ã—ã¦ãŠããŸã„
CSS・JavaScriptã®æ‰‹æ³• - Speaker DeckFrontend Conference Fukuoka 2018ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚ https://frontend-conf.fukuoka.jp/ å„リンク先を確èªã™ã‚‹å ´åˆã¯ã€ä»¥ä¸‹ã®pdfã‚’å‚ç…§ãã ã•ã„ http://tonkotsuboy.github.io/slides/181204…
CSSã®border-radiusã¯å®Ÿã¯ã™ã”ã‹ã£ãŸï¼ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„機能を使用ã—ã¦ã€ã‹ã£ã“ã„ã„レイアウトを作る方法
border-radiusプãƒãƒ‘ティã¯è§’丸を定義ã—ã¾ã™ãŒã€ã‚«ãƒ¼ãƒ‰ãªã©ã®çŸ©å½¢ã®è§’を丸ãã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ã•ã¾ã–ã¾ãªå½¢ã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 矩形や角丸ã ã‘ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå½¢ã‚’使用ã§ãるスタイルシートã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ CSS border-radius can do that? 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« border-radiusã®åŸºç¤ŽçŸ¥è˜ æµã‚Œã«é€†ã‚‰ã†ï¼ˆã‚ãªã„ã§ï¼‰ ã¯ã˜ã‚㫠今年開催ã•ã‚ŒãŸFrontend Conferenceã«ã¦ã€Rachel Andrewã¯CSS Gridã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦è¬›æ¼”ã—ã¾ã—ãŸã€‚ä¸ã§ã‚‚ç§ãŒæ³¨ç›®ã—ãŸã®ã¯ã€å½¼å¥³ã®è©±ã®çµ‚ã‚ã‚Šã«ã‚ã£ãŸCSSã®å¤ã„プãƒãƒ‘ティã«ã¤ã„ã¦ã§ã™ã€‚ イメージã¯border-radiusプãƒãƒ‘ティを使用ã™ã‚‹ã ã‘ã§ã€ç”¨
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}