Nicole Sullivan

Search results for: “Object Oriented CSS”

  • Object Oriented CSS video on YDN

    Yahoo! Developer Network has released a video of my Object Oriented CSS talk at Web Directions North just in time for Ada Lovelace day. I’ve also been included in a feature on Women in Technology. I’m absolutely flattered to be included among these fantastic technical women. Wow. Object Oriented CSS: for high performance websites and…

  • Object Oriented CSS, Grids on Github

    My Object Oriented CSS grids and templates are open sourced on github. They have all the functionality of YUI grids plus some important features. Only 4kb, half the size of YUI grids. (I was totally happy when I checked the final size!) They allow infinite nesting and stacking. The only change required to use any…

  • The media object saves hundreds of lines of code

    What is the internet made of? At least the UI layer is mainly composed of media blocks. I talked about the Facebook stream story before, and all the tiny objects of which it is composed. For the most part, the stream story is made up of the media object repeated over and over. The media…

  • Visual Semantics in HTML and CSS

    Each layer in the web stack has its own architecture. You wouldn’t expect the DB schema to be used to architect the PHP middleware, and yet people expect that of the HTML and CSS. HTML needs to be written with a sense of the meaning of the data or content, something I call code semantics.…

  • Reflows & Repaints: CSS Performance making your JavaScript slow?

    I’ve been tweeting and posting to delicious about reflows and repaints, and it seemed time for a blog post. Opera lists repaint and reflow as one of the three main contributors to sluggish JavaScript, so it definitely seems worth a look. Reflows are very expensive in terms of performance, and is one of the main…

  • CSS doesn’t suck, you’re just doing it wrong.

    A bit of a rant The cascade is something like a new data structure, and the ways for dealing with it are algorithms you never learned in school. You couldn’t have, because traditional engineering school poo-poos the front-end and web engineering in favor of stale (but still valuable) traditional software engineering. Perhaps you realized this…

  • The hacktastic zoom fix

    Everyone keeps asking me what is with all the “x” in the OOCSS grids… so I finally wrote an article. The short answer is that it isn’t just a clearfix (it does that too), but it also causes the element to stretch wide, even when it has very little content. It is a bit of…

  • Being Shy and Being Myself

    A little over a year ago Ajaxian published a piece on my CSS techniques. Fortuitously, this forced me to start talking to people about my ideas, to create an open source project, and to speak at conferences. I’m shy, so I might not have taken the leap on my own. For the first time, people…

  • Overflow – a secret benefit

    Overflow does some cool things you should know about. Creates Block Formatting Context Clears Floats Generating block formatting context Arnaud Gueras called this “contexte de formattage” years ago, and I was kind of surprised when I moved back to the US how few developers here had heard of this “secret weapon”. When the overflow property…