I love CSS, and I really love OOCSS. To me being Object Oriented means two things: breaking down patterns, and using a clear easy-to-adopt naming convention. Continue reading
CSS Frameworks are amazing. The world has enough of them – but you should still make one more. If you write CSS for a living I’m convinced the best thing you could do to foster this skill is build your own site-agnostic framework. Continue reading
I love digging into open source frameworks and adopting bits and bobs that can make my life easier! One of my favourites of late has been the grid system out of Bootstrap. Out of the box it doesn’t do everything I want, so I made some changes. This is a work in progress, but it’s becoming the standard for the Thrillworks basic model for grids (check out advanced at the end of this post). Continue reading
I’m probably not the only one who learned the hard way that CSS (or JS) class names can’t start with a number. It’s just one of those things: .1-col has to be .col-1, or .one-col. Classes have to start with a letter, underscore or hyphen.
I’m not sure why I find this so fascinating to think about; but a simple workaround would be to use Roman Numerals. Continue reading
Don’t Repeat Yourself: http://csswizardry.com/2013/07/writing-dryer-vanilla-css/ This is a great post about writing more maintainable CSS. Great examples show that sometimes being DRY can mean more code.
I wanted to share one of the coolest tricks I’ve started using in my SASS to help me get around my stylesheets a bit quicker. I’m always looking for little tricks like this to make getting around the code a lot faster. On a huge project these little gems really add up. Continue reading
I’m very much a right-brained front end dev. While this does allow me to create some crazier (and yeah, maybe impractical) stuff, it does mean I can be weak in some of the more technical approaches. That’s where tools like SMACSS are so invaluable. Continue reading
Graham Kennery showed me this… http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index.html
These images scale to browser size – this means that images can look pretty crappy when scaled up. But by adding the one px grid pattern, you’re spared the nastiness of that while maintaining a cool “feel”.
Genius solution to a problem that would otherwise be solved by adding kbs.
My mind was blown today by Lea Verou’s gallery of pure CSS backgrounds. At first I thought these were larger than using images, but I realized my brain was assuming it was kilobytes, but in fact these are only a few BYTES. Crazy. Exciting. http://lea.verou.me/css3patterns/#
It’s probably obvious where I stand on this topic: I was the author of CSS-Tricks post ‘Saving the Day with Scoped CSS‘, and I got an honourable mention in the WIRED article ‘HTML5 Offers ‘Scoped’ CSS for Precision Styling‘. I’ve done more than just author a post though, I’ve kept up the conversation in the comments, and by searching what people are saying on Twitter. I think it’s safe to say not everyone is enthusiastic as I am, and I love that. It’s awesome to see other perspectives.
I wanted to share a few thoughts that I’ve had as a result of these conversations. Continue reading
Scoped CSS is getting a bit more coverage since my recent CSS-Tricks post, and today was featured on WIRED’s Webmonkey. The post actually gives me a shout out, and the WordPress demo I whipped up. Just me being on a lastname basis with another major publication.
I’m trying to get more into CSS all the time. I’ve started perusing the w3.org site at times other than when I’m looking for a boredom induced coma (it’s a fantastic resource, but the writing style is hard for me to get into. I think this site is written more for devs than right-brained designer types).
Today I found this gem – about CSS variables. Continue reading