Screencasts 141 to 150 on 213
#64: Building a Photo Gallery
free tutorial by css-tricks.com in Css
This photo gallery will automatically build itself from a directory of images, including subdirectories and the images inside them. Images open in a nice looking jQuery lightbox.
#65: Advanced Uses for Custom Fields in WordPress
free tutorial by css-tricks.com in Css
More than any other single feature, what makes WordPress a CMS (as opposed to just a blogging platform) is custom fields. Custom fields are chunks of data that travel along with posts and pages in key/value pairs. This data can be pulled out and used…
#66: Table Styling 2, Fixed Header and Highlighting
free tutorial by css-tricks.com in Css
Just a couple of quick tricks, from scratch, on coding up tables. We use the proper semantic tags for a table header and then set it to a fixed position so when scrolling the table the header is always visible. Then we implement row AND column highlighting…
#67: jQuery Part 3 – Image Title Plugin
free tutorial by css-tricks.com in Jquery
This video focuses on taking an already existing idea and code and turning it into a jQuery plugin. In this case it helps keep our code as semantic as it can be, and with JavaScript off, degrades nicely. We cover the syntax of creating a plugin, show…
#68: Think Geek Background Fade Technique
free tutorial by css-tricks.com in Css
This video demonstrates the technique seen on the Think Geek 3.0 site. The bottom of the site has a design of a bunch of robots and as the screen is scrolled to the bottom, the color fades to black and the pattern turns into zombies. We recreate this…
#70: Random Pet Peeves
free tutorial by css-tricks.com in Css
I just randomly go through some little annoyances and gripes I have with everything from OS X to Photoshop to WordPress to CSS. I thought of about 5 more the second I was done, but I’ll spare you!
#71: Building a Website (1 of 3): Photoshop Mockup
free tutorial by css-tricks.com in Photoshop
This is the start of a three-part series on building a website. This will be a real website for a musician friend of mine, who’s website I happen to ruin during a routine WordPress upgrade. In part 1, we start from absolute scratch in Photoshop,…
#72: Building a Website (2 of 3): HTML/CSS Conversion
free tutorial by css-tricks.com in Css
In part 2 of this series, we begin the HTML/CSS conversion of the Photoshop mockup we created in part one. We start with a very skeletal project framework. Then we take a look at the Photoshop file layer organization. Then we start from the bottom up,…
#73: Building a Website (3 of 3): WordPress Theme
free tutorial by css-tricks.com in Css
In part 3 of this series, we take the HTML and CSS that we have already created for this design, and convert it into a WordPress theme. We start with a completely “blank” WordPress theme, then take different parts of the HTML and put them…