CSS-Tricks Screencasts
Summary: CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.
- Visit Website
- RSS
- Artist: Chris Coyier
- Copyright: Copyright CSS-Tricks.com
Podcasts:
Creating a completely custom theme for the popular forums software phpBB would be a monster job. Fortunately, to get up and running quickly, we can simply wrap a default installation of phpBB into the skin of an existing site pretty …
Creating a completely custom theme for the popular forums software phpBB would be a monster job. Fortunately, to get up and running quickly, we can simply wrap a default installation of phpBB into the skin of an existing site pretty easily. We do just that in this screencast, and work out the kinks that pop up. Links from Video: phpBB bbPress SPPS Forums …
There are a handful of CSS attributes that can be combined into a single attribute for coding brevity. I endorse the use of CSS shorthand whenever possible. It saves space and makes code more readable. In this screencast I introduce …
There are a handful of CSS attributes that can be combined into a single attribute for coding brevity. I endorse the use of CSS shorthand whenever possible. It saves space and makes code more readable. In this screencast I introduce all of the common ones and go over a few gotchas that can happen when using them. At the end, I introduce a new site of mine I hope you all find useful: HTML-Ipsum Links from Video: Dustin Diaz: CSS …
Dealing with domains and hosting and all the server setup stuff isn’t usually the most comfortable stuff for web designers. In this screencast I walk though my regular process and share many little tips of how I like to handle …
Dealing with domains and hosting and all the server setup stuff isn't usually the most comfortable stuff for web designers. In this screencast I walk though my regular process and share many little tips of how I like to handle it. I use a real live domain name that I recently purchased on Go Daddy, point it to my Media Temple hosting and then switch the email handling to Google Apps. Links from Video: Go Daddy Whois MediaTemple Google Apps …
FoxyCart is my new favorite eCommerce system. It is extremely easy to get started with. You have full design control over all aspects of it (cart, checkout, receipts). It has the features you need (downloadables, security, saved accounts, subscriptions). Best …
FoxyCart is my new favorite eCommerce system. It is extremely easy to get started with. You have full design control over all aspects of it (cart, checkout, receipts). It has the features you need (downloadables, security, saved accounts, subscriptions). Best of all, it's not a bloated CMS. You can build products on-the-fly using very simple code. This means you can use it easily on static pages, with pre-existing CMSs or roll your own CMS. I'm going to walk through much …
It’s WordPress Week here at CSS-Tricks, so I wanted to so a WordPress-themed screencast and cover a lot of mini-tips that haven’t made it into previous WordPress screencasts. We cover: Listing categories with a built-in function and building a tabbed …
It's WordPress Week here at CSS-Tricks, so I wanted to so a WordPress-themed screencast and cover a lot of mini-tips that haven't made it into previous WordPress screencasts. We cover: Listing categories with a built-in function and building a tabbed navigation from them with "current tab" functionality Numbering comments with a simple incremented PHP variable. Improving WordPress search with a plugin and making better design choices. Live comment previews with JavaScript and/or plugin. Setting better titles for all pages. Setting …
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 screencast I'm going to show you how to do exactly that, by taking what would be 8 different images and combining them into one. As an added bonus, we then expand the …
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 …
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 in this screencast defining what float is, how it works, how and why to clear them, and some browser differences. Links from video: All About Floats Article …
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 …
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". But is WordPress really only suited for blogging, or can it be used for more traditional non-blog sites? In this screencast I attempt to show off a number of WordPress features that make it very "CMS-like" in …