CSS-Tricks Screencasts

pWe once did a poll asking people what their favorite CMS was. WordPress was a run-away winner, but also got many comments of #8220;emWordPress isn#8217;t a CMS!!/em#8220;. Well clearly, in the strictest sense, WordPress strongis/strong a CMS as hellip;/p

pZ-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it#8217;s tied to positioning, some quirks, and some general advice.hellip;/p

psIFR (Scalable Inman Flash Replacement) is a technology that allows you to use any font you wish on your web pages. Long story short, it uses JavaScript to target certain text page elements and replace them with a block of hellip;/p

pDesigning a web page that is optimized for the iPhone isn#8217;t rocket science. It#8217;s the same HTML, CSS and JavaScript that you already know. The difference is that browsers and screens do not vary, you know exactly what you are hellip;/p

pFair warning: this screencast is fairly Mac-specific and I ramble on about all kind of random non-web design related stuff. I introduce the new web app Status that I#8217;ve been working on. Then I show Fluid, which is a Mac hellip;/p

pOne of the more efficient ways to handle current navigation highlighting is to give each of your navigation items a unique class name. Then give each page a unique ID on the body element. Then CSS can control what each hellip;/p

pStarting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We explore a simple variable and an IF/ELSE statement. Then we hellip;/p

pGoogle maps, with all the dragging and zooming and satellite view and all, is my mapping service of choice. Google offers an free API for their maps so you can integrate them right onto your site. Set you own default hellip;/p

pI subscribe to the theory that web page redesigns should be evolutionary not revolutionary. Making small changes, tweaks, and upgrades over time leads to a higher quality design than up and redesigning the entire thing on a whim or as hellip;/p

pDesigning using alpha-transparent PNGs makes life so much easier and cooler designs possible. As we are all painfully aware, IE 6 and under do not support them. They display#8230; but any areas of alpha transparency get turned into nasty blue-gray hellip;/p