Truthfully, whenever I heard talk of website performance in the past, my eyes glazed over. I was too concerned about getting something to work, rather than worrying about the nitty-gritty details of making them work quickly. However, I’ve also always been interested in accessibility and usability. When I started to think about how website performance improvements would also greatly improve website usability and accessibility, I started to grow a lot more interested in the topic. Below are some links to helpful information for front-end web developers interested in improving their website performance. I plan to include some posts on my own results from some of the exercises in Steve Souders class as the year progresses.
Category Archives: CSS
I’m working on my first Plone website. I created a simple style for the site using transparent PNG files. It looked great on IE7+, Chrome, Safari, Firefox. I wasn’t sure whether it was necessary to still support IE6, where the transparent PNG files are not supported out-of-the-box. The website was for Computer Architects so they probably all have more recent browsers, but not everyone follows the latest curve, so I went a step further with my design.
There are several options for supporting transparent PNGs in IE6. Here are the details about the one I selected:
I only had a couple of images in my banner that I was concerned about. One was an in-line image. The other was a positioned back-ground image for which this wasn’t the best option, as it doesn’t work with positioned background images. Darn.
jq('#portal-logo').supersleight(). Then I needed to register my script in the theme’s profiles/default registry file (jsregistry.xml) (from Nabble), copy the x.gif image to my theme’s skins/images folder and restart my server.
Now I need to use an alternative method to help out my background image because of the positioning. I’m planning to create two images (one PNG and one GIF) and switch between them based on the user’s browser. We’ll see how it goes.