The media object saves hundreds of lines of code – Nicole Sullivan
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 object is an image to the left, with descriptive content to the right, like this Facebook story: The media objec
Grids improve site performance – Nicole Sullivan
CSS grids can improve performance? How so? The Importance of Page Weight The weightier your page the slower the user experience. There are a few notable ways you can ease this correlation, but for the most part keeping your pages snappy is about being absolutely relentless when reducing and optimizing code. CSS is no exception. On the other hand, a blank white page with unstyled black text and blu
Top 5 Mistakes of Massive CSS – Nicole Sullivan
Last week, Stoyan Stefanov and I spoke at Velocity Conference about optimizing massive CSS. We talked about our experiences optimizing large-scale sites like Facebook and Yahoo!, and we discussed our findings regarding the CSS efficiency of the Alexa Top 1000 websites. Velocity was kind enough to share videos of the session: What is the state of the internet regarding CSS performance? Kind of sad.
How to create CSS objects? Get the granularity right! – Nicole Sullivan
How to create CSS objects? Get the granularity right! In a previous post, I said: Shoehorning CSS and HTML into PHP abstractions prevents the code from being DRY and ultimately leads to code bloat, because, the CSS and HTML require a far more granular object structure than the PHP. And then I didn’t expand on it, or give proper context. Ooops, sorry! Correct granularity is one of the keys to tiny
Visual Semantics in HTML and CSS – Nicole Sullivan
The web stack (simplified) between you and your users On the last day of TXJS, a developer asked me: Doesn’t Object Oriented CSS leave you with a pile of presentation based class names? 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
Reflows & Repaints: CSS Performance making your JavaScript slow? – Nicole Sullivan
Reflows & Repaints: CSS Performance making your JavaScript slow? I’ve been tweeting and posting to delicious about reflows and repaints, but hadn’t mentioned either in a talk or blog post yet. I first started thinking about reflows and repaints after a firey exchange with Mr. Glazman at ParisWeb. I may be stubborn, but I did actually listen to his arguments. 🙂 Stoyan and I began discussing wa
Nicole Sullivan – Nicole Sullivan
Yesterday, I wrote about how I reason about developer needs and the kinds of data I take into account. Unsurprisingly, many of you wondered what kind of twitter polls I was talking about. Between 100 and 2000 developers answered most of these questions. BIG CAVEAT: twitter polls have issues like no demographics info, audience bias,… I’m hearing on twitter, mastodon, and other social networks that
Object Oriented CSS, Grids on Github – Nicole Sullivan
How do you scale CSS for millions of visitors or thousands of pages? Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites. I recently presented Object Oriented CSS for high performance web applications and sites at Web Directions North 2009. If you d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Year of Business Metrics – Don’t make your users run away! – Nicole Sullivan
CSS Wish List – Nicole Sullivan