This is too cool. Emmet Livestyle is a text editor package and browser extension that allow for two-way style edits (live updates from Sublime to the browser, and from the browser’s web inspector to Sublime!). Requires Sublime Text 3. As of yet it doesn’t seem to work with Sass.
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.