デザイナã•ã‚“ç›´ä¼ã®CSSテクニックãŒæº€è¼‰ï¼ã€ŒRubyistã®ãŸã‚ã®CSS勉強会ã€ã‚’開催ã—ã¾ã—㟠- give IT a tryã¯ã˜ã‚ã« ã•ã‚‹2016å¹´1月9æ—¥ã€è¥¿è„‡.rb＆神戸.rbã®åˆåŒå‹‰å¼·ä¼šã¨ã—ã¦ã€ŒRubyistã®ãŸã‚ã®CSS勉強会ã€ã‚’開催ã—ã¾ã—ãŸã€‚ 主催者ã®åƒ•è‡ªèº«ãŒã€Œå‚åŠ ã—ã¦è‰¯ã‹ã£ãŸï¼ã€ã¨æ€ãˆã‚‹ãらã„有益ãªæƒ…å ±ãŒãŸãã•ã‚“è©°ã¾ã£ãŸå‹‰å¼·ä¼šã«ãªã£ãŸã®ã§ã€ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã“ã®å‹‰å¼·ä¼šã®å†…容を紹介ã—ã¾ã™ã€‚ ã‚‚ã㘠ã¡ã‚‡ã£ã¨é•·ã„ã®ã§ã€å…ˆã«ç›®æ¬¡ã‚’載ã›ã¦ãŠãã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚‚ã㘠講師ã¯åˆåŒä¼šç¤¾ãƒ•ã‚£ãƒ¨ãƒ«ãƒ‰ã®ç”ºç”°ã•ã‚“ï¼ ã“ã®å‹‰å¼·ä¼šã§è¬›ç¾©ã—ã¦ã‚‚らã£ãŸãƒ†ãƒ¼ãƒž 座å¦ç·¨ Railsã® app/assets/stylesheets 内ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆä¾‹ 最近注目を集ã‚ã¦ã„ã‚‹Atomic Designã«ã¤ã„㦠3種類ã®ãƒªã‚»ãƒƒãƒˆç³»CSSã®ç‰¹å¾´ã«ã¤ã„㦠変更ã«å¼·ã„マークアップã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„㦠プãƒã‚°ãƒ©ãƒžã¨ãƒ‡ã‚¶ã‚¤ãƒŠã®å”æ¥ã«ã¤ã„㦠ãƒãƒ³ã‚ºã‚ªãƒ³ç·¨ 進ã‚æ–¹ã®å…·ä½“例 1å•ç›®ï¼šã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションã®ä½œæˆ 2å•ç›®ï¼šã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã®ä½œæˆ 3å•ç›®ï¼šè¨˜äº‹
ã„ã¾ä¿ºãŸã¡ã«å¿…è¦ãªã®ã¯z-indexã®æ˜Žç¢ºãªæŒ‡æ¨™ã - Qiita
Codrops | Useful resources and inspiration for creative minds
TECH PROjin
メンテナブルã§ã‚ã‚Šã¤ã¥ã‘ã‚‹ãŸã‚ã®CSSè¨è¨ˆ
Coolors.co - The super fast color schemes generator
æ–°ç€è¨˜äº‹
4色ã»ã©æŒ‡å®šã™ã‚‹ã ã‘ã§Twitter Bootstrapã®é…色を良ã„æ„Ÿã˜ã«ã—ã¦ãれるSass | mah365
デザインã®è£å´ã‚’ç†è§£ã§ãるエンジニアã«ãªã‚ㆠ- Qiita
ç¾å ´ã§ä½¿ãˆã‚‹åŠ¹æžœçš„ãªHTML&CSSæ§‹é€ è¨è¨ˆï¼ˆEffective HTML&CSS）
Gumby - Bootstrapã®å¼·åŠ›ãªãƒ©ã‚¤ãƒãƒ«ã«ãªã‚‹ã‹ï¼ï¼Ÿã‚·ãƒ³ãƒ—ルã‹ã¤å¼·åŠ›ãªCSS3フレームワーク MOONGIFT
ズルã„デザインテクニック2013 + セミフラット version
Gitを使ã£ãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ãƒ—ãƒã‚°ãƒ©ãƒžã®å”æ¥ã«ã¤ã„ã¦è©±ã—ã¦ã㟠#P4D #phpcon2013 - ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
æ–°ç€è¨˜äº‹
Media Queryを使用ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã®æ§‹ç¯‰æ™‚ã«ã¯Responsivepxã£ã¦ã„ã†ãƒ„ールãŒè¶…オススメã§ã™ - ã‹ã¡ã³ã¨.net
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #16 レスãƒãƒ³ã‚·ãƒ–Webデザインã§ãƒ†ãƒ¼ãƒ–ルを最é©åŒ–ã™ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ラクティス | DevelopersIO
ã€å›³è§£ã€‘CSSã ã‘ã§ç”»åƒã®ç¸¦æ¨ªæ¯”ã‚’ç¶æŒã—ãŸã‚µãƒ ãƒã‚¤ãƒ«ã‚’表示ã™ã‚‹ - Qiita
[ HUE / 360 ] The Color Scheme Application
ノンデザイナーã®ãŸã‚ã®é…色ç†è«–
chrome-life.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - chrome life リソースãŠã‚ˆã³æƒ…å ±
{{#tags}}- {{label}}
{{/tags}}