Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014
Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014 This document discusses strategies for making CSS more scalable and maintainable. It recommends automating CSS with preprocessors, using clear and descriptive class names, avoiding descendant selectors when possible, and minimizing unnecessary nesting and complexity. Pseudoselectors should only be used when other options aren'
Scaling Down The BEM Methodology For Small Projects — Smashing Magazine
To make the right choices for your project, you need to start with a general approach, or methodology. You probably already know of BEM, one of those methodologies developed by a big company, but Maxim Shirshin decided to try BEM on a smaller scale. He wanted the same benefits that Yandex gets from BEM: code sharing, a live style guide, scalability, faster development. He is now convinced that BEM
Grouping related classes in your markup – CSS Wizardry
21 May, 2014 Grouping related classes in your markup Written by Harry Roberts on CSS Wizardry. Table of Contents How it works Scanning your code Featured case study: NHS Vim Validity Errors Extra bytes Teams JavaScript To use, or not to use? N.B. 2016-02-23 I no longer advise this technique—it proved far too problematic on teams where people we unfamiliar with the syntax. If you do wish to clearly
Bootstrapã‚’BEMã«è€ƒãˆã¦ã¿ã‚‹ - Blog.ãŠã«ãŽã‚ŠãŸã¾ã”ã†ãƒã‚“ãªãƒ¼
ã“ã®è¨˜äº‹ã¯BEM Advent Calendar 2013ã®22日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’èªã‚“ã§ã€åˆã‚ã¦BEMを知りã¾ã—ãŸã€‚ BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„記法 - アインシュタインã®é›»è©±ç•ªå· ã»ãƒ¼ã€‚ãã®ã†ã¡èª¿ã¹ã¦ã¿ã‚ˆã†ã€‚ã¨æ€ã£ã¦ã¦ã‚‚人間必è¦ã«è¿«ã‚‰ã‚Œãªã„ã¨ã‚„ã‚Šã¾ã›ã‚“ï¼ Advent Calendarã«å‚åŠ ã™ã‚‹ã“ã¨ã§ã‚„らãªãゃã„ã‘ãªã„ç†ç”±ã‚’ã¤ãるライフãƒãƒƒã‚¯ã€‚ ã¨ã‚Šã‚ãˆãšã‚ˆã使ã£ã¦ã„ã‚‹Bootstrapã‚’BEMã§è¨˜è¿°ã™ã‚‹ã¨ã©ã†ãªã‚‹ã‹ã‚’考ãˆã¦ã¿ã¾ã—ãŸã€‚ よãã‚ã‚‹ã‚るヘッダーã§BEMã‚‹ Components - Navbar / Bootstrap bootstrapã®ã‚³ãƒ¼ãƒ‰ã¯ã“ㆠ<nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <a class="navba
MCSS
Introduction Multilayer CSS organization methodology is a guideline to structure your CSS. Core methodology principles are based on BEM and OOCSS ideas. MCSS was invented in Odnoklassniki.ru (Top 10 world social network) developers team and is recommended for other developers as core for own documentation and team based methodologies. Despite the fact that this methodology originated in a large pr
Fifty Shades of BEM
Diary of a French front-end developer in San Francisco. Mostly gossiping about responsive web design, HTML, CSS and Sass. As a development concept becomes popular, it is common to witness programmers forking it to fit various workflows and habits. This is resulting in a very fragmented landscape of implementations. It is happening to BEM at this very moment, and I myself have experimented with mul
‘Scope’ in CSS – CSS Wizardry
22 May, 2013 ‘Scope’ in CSS Written by Harry Roberts on CSS Wizardry. Table of Contents Global scope Featured case study: NHS Loose selectors Scope in CSS Nesting? No nesting! BEM Scope all the things? In summary One thing you will no doubt be familiar with, as a web developer, is the idea of scope. Wikipedia’s introduction to the subject: In computer programming, a scope is the context within a c
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}