CSS-Tricks Screencasts

pTables are great. They are perfectly suited for use on the web. That is, strongfor displaying tabular data!/strong In this screencast we#8217;ll cover what that actually means, take a look at a table, the markup that creates it, quirks and hellip;/p

pIn video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and use AJAX (with help from jQuery) to refresh that content hellip;/p

pPutting an image on a webpage is easy, audio files, not so much. HTML5 will make it as easy as it should be, but until then, we have to resort to other methods. This screencast covers four methods/players. Two use hellip;/p

pThis video is the VERY basics of what HTML and CSS is, for the absolute beginner. HTML and CSS files are, quite literally, just text files. You don#8217;t need any special software to create them, although a nice code editor hellip;/p

pThe latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now possible, focusing on the ones that can be used for hellip;/p

pFoxyCart is a very adaptable eCommerce system. Products are built on-the-fly as part of add to cart buttons that are just simple HTML. This means that you can integrate it with just about any CMS. In this screencast, we integrate hellip;/p

pThe #8220;Really Simple#8221; part of RSS is sometimes misleading. What if you want to pull in content from an RSS feed and display it on your site? Doing that from scratch would be no-so-easy, but thankfully we have wonderful SimplePie hellip;/p

pFLIR (Face Lift Image Replacement) bills itself as an #8220;alternative to sIFR#8221;. They are definitely in the same category. sIFR has some extra functionality, but is relies on more technology on both the server and client side. FLIR may be hellip;/p

pPayPal, love it or hate it, is easiest way to send and receive money online. In this screencast we go through how to create a Buy Now button, which uses a custom email address, has a custom header, custom thank hellip;/p

p class=wp-block-paragraphMy technique for building print stylesheets goes like this. 1) Start from scratch 2) Leave most defaults alone 2) Eliminate every thing on the page you don#8217;t need with display: none; 4) Put page-breaks where appropriate. Of course, I spend hellip;/p