海外ã®äººæ°—サービスã§ä½¿ã‚ã‚Œã¦ã„ã‚‹CSSスタイルガイド８é¸CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¨ã¯ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã†éš›ã®æ±ºã¾ã‚Šã‚„ルールã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’作æˆã™ã‚‹ã“ã¨ã§ã€ä¸€è²«æ€§ã®ã‚るスタイルシートを実ç¾ã—ã‚„ã™ããªã‚Šä¿å®ˆæ€§ã‚„拡張性をå‘上ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã²ã¨ã‚Šã§é–‹ç™ºã™ã‚‹ã¨ãã«ã‚‚役立ã¡ã¾ã™ãŒã€ç‰¹ã«ãƒãƒ¼ãƒ ã§é–‹ç™ºã‚’進ã‚ã‚‹ã¨ãã«åŠ¹æžœã‚’発æ®ã—ã¾ã™ã€‚ 今回ã¯å‚考ã«ãªã‚‹æµ·å¤–ã®æœ‰åサービスã®CSSスタイルガイドをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚CSSスタイルガイドを作æˆã™ã‚‹ã¨ãã‚„ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ã¨ãã«ãœã²æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„。 Airbnb Airbnbã®CSS/Sassã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã§ã™ã€‚å„用語ã®ãƒ«ãƒ¼ãƒ«ã‹ã‚‰å§‹ã¾ã‚ŠCSSã‚„Sassã®åˆç†çš„ãªè¨˜è¿°æ–¹æ³•ã«ã¤ã„ã¦è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã¡ã‚‰ã¯æ—¥æœ¬èªžè¨³ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚‚ã‚ã‚Šã¾ã™ã€‚ Airbnb Style Guide Google Googleã®HTML/CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã§ã™ã€‚シンプルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤
[CSS]レスãƒãƒ³ã‚·ãƒ–デザインã§ã‚ˆã使ã†ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®æ›¸ãæ–¹ã€ãƒ–レイクãƒã‚¤ãƒ³ãƒˆã®æœ€é©ãªå€¤ã®ã¾ã¨ã‚![[CSS]レスãƒãƒ³ã‚·ãƒ–デザインã§ã‚ˆã使ã†ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®æ›¸ãæ–¹ã€ãƒ–レイクãƒã‚¤ãƒ³ãƒˆã®æœ€é©ãªå€¤ã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c5c596162907ccc099585ca47e2a595ce4e13c0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201603%2F2016091201.gif)
ãã¡ã‚“ã¨ã—ãŸHTML/CSSを記述ã™ã‚‹ãŸã‚ã«å‚考ã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰8é¸
ヒューマンリーダブル㪠CSS 記述法（異次元編）：2016年5月13日 CodeGrid 四周年記念パーティー
åˆã‚³ãƒ³å¤±æ•—ã—ãŸã‚‰é¢¨ä¿—
CSSリセットã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã«ã‚ˆã‚‹ç›¸é•ã‚’å¸åŽã™ã‚‹ã‚ˆã†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -ress
Windows ã§æ¸¸ã‚´ã‚·ãƒƒã‚¯ãŒç´°å—ã«ãªã£ã¦ã—ã¾ã†ä»¶ã¯èª°ãŒæ‚ªã„ã®ã‹ã«ã¤ã„㦠CSS 仕様ã‹ã‚‰è€ƒãˆã¦ã¿ã‚‹
[CSS]å¦å®šç–‘似クラス「:notã€ã®ä¾¿åˆ©ãªä½¿ã„æ–¹ã¨ä½¿ã†æ™‚ã®æ³¨æ„点![[CSS]å¦å®šç–‘似クラス「:notã€ã®ä¾¿åˆ©ãªä½¿ã„æ–¹ã¨ä½¿ã†æ™‚ã®æ³¨æ„点](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7854364c5c81764331231720a32437f4c3a3926/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016032501.png)
覚ãˆæ›¸ã | @kazuhito
ワンランク上ã®ã‚³ãƒ¼ãƒ€ãƒ¼ã¯ä¸‡ãŒä¸€ã®é…æ…®ã‚‚æ¬ ã‹ã•ãªã„ã€ãƒªãƒ³ã‚¯åˆ‡ã‚Œã®ç”»åƒè¦ç´ をスタイルã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSSカスタム・プãƒãƒ‘ティã¸ã®æœŸå¾…
ブルマãŒã™ã”ã„ï¼å¤–部CSSを一ã¤åŠ ãˆã‚‹ã ã‘ã§ä»Šæ™‚ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„エレメントã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ -Bulma
ã¾ã‚‹ã§Photoshop?! CSSフィルタを使ã£ãŸç¾Žã—ã„å†™çœŸåŠ å·¥ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ - PhotoshopVIP
[CSS] chromeã§floatã—ãŸè¦ç´ ã®widthãŒä½•æ•…ã‹0.016px増ãˆã‚‹
SOLID CSS | en.ja Article
CSSã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚³ã‚¹ãƒˆ
CSSã® calc() ファンクションを使ã£ã¦é•·ã•ã‚’計算ã—サイズ指定ã™ã‚‹æ–¹æ³•
ã‚‚ã—ã‚ã®é ƒã«æˆ»ã‚ŒãŸã‚‰â€¦ã€‚CSSワーã‚ンググループãŒæŒ™ã’ã‚‹ã€CSS仕様ã®éŽã¡
å¹ã出ã—やリストマーカーã«ä½¿ãˆã‚‹ä¸‰è§’形を CSS ã§ä½œã‚‹
スマホサイトã®çŸ¢å°ä»˜ãメニューをCSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã€‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
{{#tags}}- {{label}}
{{/tags}}