Steve Souders has a recap of 2008 in regards to web performance as well as predictions for what 2009 will bring. Included in the post are links to slides he used in class High Performance Web Sites, taught in the Computer Science depeartment at Stanford. The slides are packed with information that should be of interest to any front-end architects.
Items Tagged: Css
Entries, Links, Quotes, etc. (13)
Just show: Entries, Links, or Quotes
-
The fundamental problem with CSS3
Once again, Matt Wilcox hits the nail on the head.
-
Lessons learned while building and iPhone site
Ross Harmes gives us the lessons he learned while building an iPhone optimized version of Flickr. Ultimately, he was able to reduce uncached page load time from over 90 seconds to under 7 through EDGE network. Impressive.
-
CSS Variables Are The Future
Alex Russel’s extremely thoughtful response to the aforementioned link, Why “variables” are harmful in CSS.
-
Why variables are harmful in CSS
It is extremely unsettling to read something like this from an actual member of the W3C. To state that CSS variables would counter the need to keep CSS easy to learn is both laughable and and insult to designers and developers that actually make their living building websites.
-
Faux Absolute Positioning
Interesting new approach to CSS layouts. Seem to be a few shortcomings (counteracting a large negative bottom margin with a large padding-bottom value makes inline links unreliable), but still nice to see some developments in what has largely been a stagnant area of web design.
-
CSS Performance Testing
It’s long been said that descendant selectors in CSS have a negative affect in browser rendering times. It’s awesome to finally have some numbers.
-
CSS Hacks
Excellent resource for the necessary evil.
-
CSS Variables
Please let this be so.
-
Pixel to EM Conversions
Reference chart for converting EM-baesd units to pixels. Very handy.
-
CSS Compatibility Chart Provided by Microsoft
Excellent reference from Microsoft detailing CSS compatibility across all major versions on Internet Explorer.
-
Writing Efficient CSS
So one of the things I’m quickly learning at work is the implications of CSS coding strategies and how they relate to site performance. I’ve long been a fan of descendant selectors as they tend to allow leaner markup. However, there are serious speed ramifications when relying upon them in your CSS, notably rendering speed. Likely not an issue for smaller sites, but the speed implications become noticeable as your projects increase in scale. This is a great overview of how to write efficient CSS with rendering speed in mind.
Also, see this article on how Yahoo! and AOL use CSS sprites to speed things up, as well as this post written by Dave Hyatt regarding browser rendering, written while he was still at AOL.
-
Safari 3.1
Apple releases Safari 3.1. There’s a new Develop option in the preferences, which basically enables the Web Inspector and some other goodies through the convenience of GUI instead of the old terminal method. Of particular note is some new support for CSS3 properties, including Web Fonts as well as CSS transforms and transitions. HTML5 gets a nod as well, with added support for
<video>and<audio>. Awesome.
Photos (0)
There are no photos tagged css.