Css tutorials
67 video tutorials
Tutorials 31 to 40 on 67
#30: Creating and Sending HTML Email
free tutorial by css-tricks.com in Css tutorials
Designing HTML Email is far cry from regular web design. Sure, they both us HTML elements, but the whole philosophy is different. In this world, you gotta do all you can do to make sure this single design is as viewable as absolutely possible in all…
#33: eCommerce Product Page Makeover
free tutorial by css-tricks.com in Css tutorials
I 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 a reaction. In…
#36: Current Nav Highlighting: Using PHP to Set the Body ID
free tutorial by css-tricks.com in Css tutorials
One 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 navigation item looks like based…
#37: Status, Fluid and Menu Bar Apps
free tutorial by css-tricks.com in Css tutorials
Fair 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’ve been working on. Then I show Fluid, which is a Mac app for creating site-specific…
#38: Basics & Tips on Designing for the iPhone
free tutorial by css-tricks.com in Css tutorials
Designing a web page that is optimized for the iPhone isn’t rocket science. It’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 dealing with.…
#39: How to Use sIFR 3
free tutorial by css-tricks.com in Css tutorials
sIFR (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 Flash, which is the same text…
#40: How z-index Works
free tutorial by css-tricks.com in Css tutorials
Z-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it’s tied to positioning, some quirks, and some general advice.
#41: WordPress as a CMS
free tutorial by css-tricks.com in Css tutorials
We once did a poll asking people what their favorite CMS was. WordPress was a run-away winner, but also got many comments of “WordPress isn’t a CMS!!“. Well clearly, in the strictest sense, WordPress is a CMS as it “manages content”.…
#42: All About Floats
free tutorial by css-tricks.com in Css tutorials
Even more-so than z-index (which we covered a few weeks ago), the float property is known to cause episodes of hair-pulling and monitor-punching. It seems simple enough in theory, but there are plenty of quirks to watch out for. We go from start to finish…
#43: How to Use CSS Sprites
free tutorial by css-tricks.com in Css tutorials
CSS Sprites have been a hot topic for a long time now. The fact is that each image on a web page is a separate server request and you can dramatically increase the performance of a page by combining images and reducing that number of requests. In this…