cssguidelin.es

csswizardry.com

The real HTML5 boilerplate – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

http://csswizardry.com/2011/01/the-real-html5-boilerplate

6 January, 2011. The real HTML5 boilerplate. There has been a lot of talk lately about a certain HTML5 boilerplate. A boilerplate is a starting point, it’s a base. It’s a codebase from which things are built with only the necessary and relevant additions being made (note. I won’t beat about the bush, seeing the HTML5 Boilerplate makes me frustrated. It makes me wish I were a vet, or a tree surgeon, or something that isn’t a web developer. Look at all that code. 681* lines. Six hundred and eighty-one.

csswizardry.com

BEMIT: Taking the BEM Naming Convention a Step Further – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further

5 August, 2015. BEMIT: Taking the BEM Naming Convention a Step Further. Anybody who’s followed me or my work for any length of time will no doubt know that I’m a huge proponent of the BEM naming convention. What I’m about to talk about in this post is not an alternative or different naming convention to BEM, but an augmentation: small additions that level BEM up a notch. This extended BEM syntax has been dubbed BEMIT. BEM ITCSS = BEMIT. The sole root of the component. A component part of the Block. But a...

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’ ...

csswizardry.com

Can CSS Be Too Modular? – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

http://csswizardry.com/2015/03/can-css-be-too-modular

8 March, 2015. Can CSS Be Too Modular? I frequently get asked questions along the lines of. Can CSS be too modular? I recently got asked about this in an email, which I’ve published below:. For example, I created a simple object called. Became an atom called. Pa- xs { padding: 6px; } .pa- s { padding: 12px; } .pa- m { padding: 24px; } .pa-l { padding: 36px; } .pa- xl { padding: 48px; }. Now it could be applied to any element and is not bound to any particular object. I read a fantastic article on Smashin...

csswizardry.com

Madgex – Consultancy and workshop – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

http://csswizardry.com/case-studies/madgex-consultancy-workshop

Madgex Consultancy and workshop. Nik White, Madgex. S Design Director, got in touch with me about going down to Brighton to meet her team, and to run a workshop-style day to help them get a better handle on their product’s UI codebase as it went through a fairly large transition: a decade-old product that they had recently re-designed and -developed to be responsive. Sharing components across that number of white-labelled products. Safely propagating changes to those components. Madgex needed a way to ef...

csswizardry.com

Home – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

http://csswizardry.com/page2

Front-end Architecture and Performance Engineering. I provide CSS and performance consultancy to companies of all sizes across the globe. From advice on how to work better as a team, to how to scale a large codebase; how to rationalise the design process, to how to write better quality responsive UIs. Harry helped our team level up their scalable CSS architecture skills, and to say that he had a large impact on our work is an understatement. We can’t recommend him enough. 26 April, 2015. 11 March, 2015.

csswizardry.com

Travelling Like You Want to, When You Have To – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

http://csswizardry.com/2015/06/travelling-like-you-want-to-when-you-have-to

21 June, 2015. Travelling Like You Want to, When You Have To. I’m not the world’s most well travelled person by any stretch of the imagination, but especially since working for myself I’ve done more than my fair share of flying. I enjoy going to new places, but I really don’t enjoy the getting there. Flights are an expensive, uncomfortable, time-consuming, necessary evil, so I’ve spent a lot of time trying to make them as painless as possible. I thought I’d share some of my own flying advice. By checking...

sistematico.github.io

Links – sistematico – a.k.a. Lucas Saliés Brum

http://sistematico.github.io/links

Aka Lucas Saliés Brum. Alguns links que talvez sejam úteis:. Https:/ www.base64-image.de/. In-browser MD document editor. Minimalist Online Markdown Editor. Desktop editor for OS X. URL and PasteBins (#url). Https:/ www.digitalocean.com/community/tutorials/how-to-optimize-nginx-configuration. Https:/ lukespear.co.uk/2014/02/how-to-run-multiple-wordpress-sites-on-a-single-low-end-vps-with-nginx. Https:/ www.digitalocean.com/community/tutorials/how-to-configure-virtual-memory-swap-file-on-a-vps.

ryanlabouve.com

Ryan LaBouve

http://ryanlabouve.com/sophisticating-your-css

November 16, 2014. CSS is our way to style the web. CSS is easy to write, but hard to write well. What can we do to sophisticate our CSS? I love quick iterations, new projects, and changing directions, but every time I switch to an old project to make changes I: a) refactor my css to keep everything from breaking or b) pump out a really hackey hotfix. Preprocess and Build Your CSS. Strategically Name and Use Classes. Here are some great resources:. Organizing on a file system level is critical. Applicati...