Category: CSS
-
Style Guide Driven Development
Colin O’Byrne and I talk about SDD, a term that was coined in the New York office of Pivotal Labs. Photo Credit: Eastern Market Identity Guide by Daryl Tanghe
-
Re-visiting the secret power of block fomatting context
Recently I did a quick talk at Sydney Web Apps meetup about block formatting context, focusing on how it changes the way it interacts with floated elements. I first learnt about this “secret weapon” via Nicole’s blogpost but it wasn’t until recently that I really understood how useful it is. In my talk I talked about how…
-
Easy-peasy Rem Conversion with Sass
I love rem. I’ve been using it since I first read about it in Jonathan Snook’s article, and even more so since I started building responsive websites. So what is rem? Rem is a value that is relative to the root font-size, meaning the font-size that is set on the <html> element. The browser by…
-
Creating Living Style Guides to Improve Performance
I recently spoke at JSConf about my experience working with Trulia to create a living style guide. The goal for the project was to improve performance, team velocity, and also to have a more consistent design. It was such a fun project (because their engineers were great to work with) and also successful on all…
-
CSSConf – The selection process
CSSConf – This is your conference. Last week we invited the CSS community to submit talks for the upcoming CSSConf (May 28th, Amelia Island, FL). The CSS community has an excellent history of curated conferences, and yet we want to do something a little bit different. We want to see what you have to say!…
-
Cross-Browser Debugging CSS
I was helping Laura (a developer who works with me) learn about cross-browser debugging this week, which got me excited to share my process. The first principal is simply: Work with CSS, not against it. CSS has an underlying design and when you work with it, with the natural flow of how CSS is meant…
-
Code formatting for CSS Gradients
I may have found a way to format CSS3 Gradients that doesn’t make my eyes bleed. Yippee! I was talking to @glan the other day about CSS3 gradients. We were discussing how to break them down into understandable layers and the difficulties when things you need to know about may be split across multiple properties.…
-
Scope donuts
Note: This article is esoteric-could-be-should-be wishing for future browsers. If you only like to hear about what you can use right now, you won’t like this. You’ve been warned. 😉 At first, when the HTML5 working group added the scope attribute I was skeptical. I thought, “oh dear, this is going to be another way…
-
Don’t Style Headings Using HTML5 Sections
Styling headings is either a deceptively complex problem, or maybe the design of CSS made it appear complex when it need not have done. When styling headings (or really anything) we want three big goals to be met: DRY – Do not repeat yourself. We want to set headings once and never (ok, rarely!) repeat…
-
CSS Lint open sourced
Nicholas Zakas and I spoke at Velocity a few minutes ago. First we talked about CSS 3 and it’s impact on performance, then we demoed and open sourced CSS Lint! I really couldn’t be more excited (or relieved, I was super duper nervous before this presentation). CSS Lint is a tool to help point out…