1 line
No EOL
8.3 KiB
JSON
1 line
No EOL
8.3 KiB
JSON
{"slug": "sturobson--BEM-resources", "title": "BEM Resources", "description": "Just a repo full of BEM resources", "github_url": "https://github.com/sturobson/BEM-resources", "stars": "482", "tag": "Front-End Development", "entry_count": 52, "subcategory_count": 8, "subcategories": [{"name": "Articles", "parent": "", "entries": [{"name": "A CSS Guideline Tutorial: BEM with Sass", "url": "https://assist-software.net/blog/css-guideline-tutorial-bem-sass", "description": ""}, {"name": "BEMantic - DRY like you mean it", "url": "https://medium.com/@stowball/bemantic-dry-like-you-mean-it-133ea3843d98#.a2ivj7ny9", "description": ""}, {"name": "BEM & Atomic Design: A CSS Architecture Worth Loving", "url": "https://www.lullabot.com/articles/bem-atomic-design-a-css-architecture-worth-loving", "description": ""}, {"name": "Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them", "url": "https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/", "description": ""}, {"name": "BEM and SMACSS: Advice From Developers Who\u2019ve Been There", "url": "http://www.sitepoint.com/bem-smacss-advice-from-developers/", "description": ""}, {"name": "MindBEMding \u2013 getting your head \u2019round BEM syntax - CSS Wizardry", "url": "http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/", "description": ""}, {"name": "A New Front-End Methodology: BEM - Smashing Magazine", "url": "https://www.smashingmagazine.com/2012/04/a-new-front-end-methodology-bem/", "description": ""}, {"name": "BEM 101 - CSS Tricks", "url": "https://css-tricks.com/bem-101/", "description": ""}, {"name": "An Introduction to the BEM Methodology - Tuts Plus", "url": "http://webdesign.tutsplus.com/articles/an-introduction-to-the-bem-methodology--cms-19403", "description": ""}, {"name": "Scaling Down The BEM Methodology For Small Projects - Smashing Magazine", "url": "https://www.smashingmagazine.com/2014/07/bem-methodology-for-small-projects/", "description": ""}, {"name": "Fifty Shades of BEM - Kaelig", "url": "http://blog.kaelig.fr/post/48196348743/fifty-shades-of-bem", "description": ""}, {"name": "Keeping the Front-End Modular with BEM - Thoughtbot", "url": "https://robots.thoughtbot.com/keeping-the-frontend-modular-with-bem", "description": ""}, {"name": "The Evolution Of The BEM Methodology - Smashing Magazine", "url": "https://www.smashingmagazine.com/2013/02/the-history-of-the-bem-methodology/", "description": ""}, {"name": "BEM Basics - 8th Light", "url": "http://blog.8thlight.com/nelsol-batalla/2014/08/01/bem-basics.html", "description": ""}, {"name": "How To BEM - Roman Kuba", "url": "https://medium.com/@Codebryo/how-to-bem-4a55fa3cd429", "description": ""}, {"name": "Expressive BEM with Sass: a different approach - Anders Hansen", "url": "http://codepen.io/andersschmidt/post/expressive-bem-with-sass-a-different-approach", "description": ""}, {"name": "Expressive BEM with Sass Part II: A first draft of mixins - Anders Hansen", "url": "http://codepen.io/andersschmidt/post/expressive-bem-with-sass-part-ii-a-first-draft-of-mixins", "description": ""}, {"name": "Learning to love BEM", "url": "http://mono.company/journal/frontend/learning-to-love-bem//", "description": ""}, {"name": "Working with BEM at Scale \u2014 Advice From Top Developers", "url": "http://www.sitepoint.com/working-bem-scale-advice-top-developers/", "description": ""}, {"name": "CSS Architecture: BEMCSS\u200a\u2014\u200aBlock, Element & Modifier", "url": "https://medium.com/@mjtweaver/css-architecture-bemcss-block-element-modifier-e642bd0f4218", "description": ""}, {"name": "BEM Guidelines for component focused development", "url": "http://www.joelambert.co.uk/article/bem-guidelines/", "description": ""}, {"name": "BEMIT: Taking the BEM Naming Convention a Step Further", "url": "http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/", "description": ""}, {"name": "CSS BEM Syntax Basics", "url": "https://coryrylan.com/blog/css-bem-syntax-basics", "description": ""}, {"name": "BEM official naming convention", "url": "https://en.bem.info/method/naming-convention/", "description": ""}, {"name": "BEM for CSS - An Introduction", "url": "http://www.gapintelligence.com/blog/2015/bem-for-css-an-introduction", "description": ""}, {"name": "Getting Started With BEM (with a little help from Sass)", "url": "https://www.packtpub.com/books/content/getting-started-bem-little-help-sass/", "description": ""}, {"name": "BEM (Block element modifier) - CSS Methodologies Part 3", "url": "http://techblog.buyapowa.com/css/frontend/scss/sass/2015/10/07/css-methodologies-part-3.html", "description": ""}, {"name": "How I stopped worrying and learned to love the CSS with BEM", "url": "http://www.theodo.fr/blog/2015/10/how-i-stopped-worrying-and-learned-to-love-the-css-with-bem/", "description": ""}, {"name": "BEM CSS Basics for WordPress Themes Developers", "url": "https://ahmadawais.com/bem-css-basics-for-wordpress-themes-developers/", "description": ""}, {"name": "Generate responsive BEMIT classes with Sass", "url": "http://codepen.io/craigmdennis/post/generate-responsive-bemit-classes-with-sass", "description": ""}, {"name": "The BEMIT naming convention", "url": "http://www.jamesturneronline.net/beautifulweb/bemit-naming-convention.html", "description": ""}, {"name": "BEM by example", "url": "https://sparkbox.com/foundry/bem_by_example", "description": ""}, {"name": "Introducing BEM: The popular CSS naming convention", "url": "https://assortment.io/posts/introducing-bem-css-naming-convention", "description": ""}, {"name": "7 Reasons To Use BEM CSS", "url": "https://medium.com/soliddigital/7-reasons-to-use-bem-css-a7c8475318fe", "description": ""}, {"name": "BEM Official Website", "url": "https://en.bem.info/", "description": ""}, {"name": "Get BEM", "url": "http://getbem.com/introduction/", "description": ""}, {"name": "BEM Cheat Sheet", "url": "https://gist.github.com/ingdir/0b211b9253c376f9cfa5", "description": ""}, {"name": "Generating BEM selectors with CSS preprocessors - Frontend Babel", "url": "http://frontendbabel.info/articles/bem-with-css-preprocessors/", "description": ""}]}, {"name": "Sass", "parent": "With Pre-processors", "entries": [{"name": "Even Easier BEM-ing with Sass 3.3 - alwaystwisted", "url": "http://alwaystwisted.com/articles/2014-02-27-even-easier-bem-ing-with-sass-33", "description": ""}, {"name": "BEM Mixins - CSS Tricks", "url": "https://css-tricks.com/snippets/sass/bem-mixins/", "description": ""}]}, {"name": "Stylus", "parent": "With Pre-processors", "entries": [{"name": "Stylus and BEM: a quick mixin - Frank M Taylor", "url": "http://blog.frankmtaylor.com/2014/07/16/stylus-and-bem-a-quick-mixin/", "description": ""}]}, {"name": "PostCSS", "parent": "With Pre-processors", "entries": [{"name": "PostCSS BEM Linter", "url": "https://github.com/postcss/postcss-bem-linter", "description": "", "stars": "548"}]}, {"name": "Repos", "parent": "Repos, CodePens and Things", "entries": [{"name": "BEM Constructor", "url": "https://github.com/danielguillan/bem-constructor", "description": "", "stars": "545"}, {"name": "WordPress BEM Menu", "url": "https://github.com/roikles/Wordpress-Bem-Menu", "description": "", "stars": "139"}, {"name": "BEM Grid", "url": "https://github.com/bem-incubator/bem-grid", "description": "", "stars": "136"}, {"name": "Flexible Grid System with BEM", "url": "https://github.com/flexiblegs/flexiblegs-bem", "description": "", "stars": "14"}, {"name": "BEM.js", "url": "https://github.com/maykinmedia/bem.js", "description": "", "stars": "9"}]}, {"name": "Slides", "parent": "Slides & Videos", "entries": [{"name": "BEM CSS Workshop - Varya Stepanova", "url": "http://varya.me/bem-css-workshop/", "description": ""}, {"name": "BEM - Luciano Battagliero", "url": "https://speakerdeck.com/battaglr/bem", "description": ""}]}, {"name": "Videos", "parent": "Slides & Videos", "entries": [{"name": "Writing Modular CSS With Sass and BEM - Tuts Plus", "url": "https://www.youtube.com/watch?v=WH4U4K5W8N8", "description": ""}, {"name": "MindBEMding \u2013 Rethink Web Development - Kevin Mack", "url": "https://www.youtube.com/watch?v=vgg-NsKZaE4", "description": ""}]}, {"name": "Other Awesome Lists", "parent": "Slides & Videos", "entries": [{"name": "A curated list of awesome lists - @sindresorhus", "url": "https://github.com/sindresorhus/awesome", "description": "", "stars": "246k"}]}], "name": ""} |