csswizardry.com
More Transparent UI Code with Namespaces – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces
6 March, 2015. More Transparent UI Code with Namespaces. When we work at scale, we often find that we spend a large amount of our time reading, maintaining, and refactoring existing code, rather than writing and adding new features. This is the reason we focus so much on things like architectures, naming conventions, methodologies, preprocessors, scalability, etc.: because writing CSS is easy; looking after it is not. A lot of times, I’m willing to bet. Naming conventions like BEM. The top-level ‘Block’ ...
colmtuite.com
Rewriting Assembla's CSS · Colm Tuite
http://www.colmtuite.com/rewriting-assemblas-css
Published by Colm Tuite. I really enjoyed nerding out to the recent plethora of articles detailing how companies like Github. Structure their CSS. So, since I’ve just finished rewriting the entire CSS codebase at Assembla, I thought I’d run through some of the decisions we made. Before the dawn of Github and Atlassian, Assembla. Stylesheets weighed in at 1.45MB total (that is not a typo). Stylesheets used 12 HTTP requests total (also not a typo). Icons spread across multiple image sprites. B) Rewrite CSS...
blog.elsdoerfer.name
Uncategorized | blog.elsdoerfer.name
http://blog.elsdoerfer.name/category/uncategorized
Contributing back to the Google Index. Overview Container Orchestration Tools. July 10, 2016. I’ve been experimenting with Docker and it’s ecosystem for a while, and my setup has become a bit of a mess; different machines using various old versions of Docker and various generations of custom scripts to manage them. It was time for an overhaul, and I set out to have a closer look at the tools our there. So let’s consider different parts an orchestration system might cover:. To let containers talk to each ...
bensmithett.com
Smarter CSS builds with Webpack
https://www.bensmithett.com/smarter-css-builds-with-webpack
Smarter CSS builds with Webpack. Nobody writes CSS in one big file any more. You, the savvy CSS developer, well-versed in SMACSS. Are writing small, isolated modules in separate files. Stylesheets/ config/ colors.sass media queries.sass modules/ btn.sass dropdown.sass header.sass utilities/ align.sass clearfix.sass. When it comes to building a single. File to send down to your users, youre manually specifying all of the individual files that you know your app needs. If youre working with Rails. But never...
andrewhfarmer.com
What to use for React styling?
http://andrewhfarmer.com/how-to-style-react
Modern JS with React. What to use for React styling? April 14, 2016. If you use React, then at some point youve thought about how to style your components. You were probably optimistic about finding the perfect approach. and then became dismayed when you slammed your face into this wall of style tools:. Some are more popular than others, but for each one youll find several experts recommending it. Even worse: its not about picking just one. Many of these tools can be used together. Four Types of Tools.
blog.elsdoerfer.name
michael | blog.elsdoerfer.name
http://blog.elsdoerfer.name/author/admin
Contributing back to the Google Index. All posts by michael. Overview Container Orchestration Tools. July 10, 2016. I’ve been experimenting with Docker and it’s ecosystem for a while, and my setup has become a bit of a mess; different machines using various old versions of Docker and various generations of custom scripts to manage them. It was time for an overhaul, and I set out to have a closer look at the tools our there. So let’s consider different parts an orchestration system might cover:. To let co...
getbem.com
BEM — Block Element Modifier
http://getbem.com/introduction
On smaller brochure sites, how you organize your styles isn’t usually a big concern. You get in there, write some CSS, or maybe even some SASS. You compile it all into a single stylesheet with SASS’s production settings, and then you aggregate it to get all the stylesheets from modules into a nice tidy package. This also true for long-term projects with legacy code (read How to Scale and Maintain Legacy CSS with Sass and SMACSS. Some nice SMACSS and BEM mixing in there). There are plenty of methodologies.
simonsmith.io
Projects – simonsmith.io
https://simonsmith.io/projects
BBC Three was moved from a television channel to an online proposition in February 2016. It’s built on Node and renders React components on the client and server. A few of my responsibilities:. Architecting a component based UI with React. Building and maintaining a component library for reuse within the BBC. Cross browser testing on a wide variety of devices, including screen readers. Unit testing React components with shallow rendering. Optimising script loading with webpack. And used at Twitter. Start...
SOCIAL ENGAGEMENT