YouTube Downloader for Video, Audio & Subtitles [YT2U.com]
YT2U.com - Programming: Reduce, Reuse, Recycle: Modular CSS For Enterprise Websites

Category: Programming


Reduce, Reuse, Recycle: Modular CSS For Enterprise Websites

Category: People & Blogs | Uploaded: 2016-Oct-25 | Views: 318 | Likes: 5 | Dislikes: 0 | Duration: 44 min and 28 s


Download (Video/Audio)
Download Providers: Y2mate | KeepVid | genYouTube | YouTubeMultiDownloader

Description
Session speaker(s): kendalltotten CSS bloat is a challenge for every enterprise website. As design elements grow and change, code gets added but rarely deleted and our CSS files get larger and harder to maintain. What was that class name that makes the font color black and 22px? Where is the pattern that gives me the right layout and color scheme for this design? Modular design encourages us to look beyond classes and begin styling on the component level using data attributes. Separate content from design and your code base becomes reusable and more compact. Teach your team these 4 simple rules to writing maintainable Sass, and never worry about code cruft again. These principles are derived from the fundamentals taught in both SMACSS and BEM, but evolved in real-world scenarios from the redhat.com project, the focus of the book, "Frontend Architecture for Design Systems -- A Modern Blueprint for Scalable and Sustainable Websites". Bonus: I'll share some tips about the tool we use at Red Hat to build, preview and share our pattern library: Patternkit, and then how we import those patterns directly into Drupal with the Pattern Builder module. That's right, no mapping, no recreation of fields, no fuss. Fields for content, as well as settings that control design and layout are exposed to content editors, simplifying the page building process! https://2016.badcamp.net/session/reduce-reuse-recycle-modular-css-enterprise-websites

Captions (SRT Format)


Related Videos:
Writing Efficient CSS - JSOxford Web Components Tutorial 14  CSS Video Tutorials OOCSS How To Make a full website html css CSS Modules in React and Webpack Tutorial

Discussion:

Warning: Do not download copyrighted content from YouTube for any unfair or commercial use! Use YT2U.com only for research, criticism, commentary, teaching or news reporting purposes.