CSS-Tricks Screencasts

p class=wp-block-paragraphWatch me bumble my way through adding AJAX functionality to a WordPress theme. The idea is that any internal link on the site will load into the main content area without requiring a page refresh, including search. Not always the hellip;/p

pA couple needs a photo gallery for their wedding, where everyone can browse and upload their own photos from the wedding. strongBeginner developer:/strong I know of some great software we can use, give me a couple of days. strongSkilled developer:/stronghellip;/p

pWhen you use jQuery#8217;s .animate() function with something like a hover event, those animations will #8220;queue up#8221;. That is, if you hover multiple times, that animation will fire multiple times. The classic method to prevent this is to throw in hellip;/p

pIn this screencast I discuss online advertising. What it is, how it works, and why it isn#8217;t evil (except when it is). I talk about my experiences, the different services out there and the ones I use. Advertising is a hellip;/p

pThe idea of #8220;art directing#8221; posts is very popular lately. It#8217;s the idea of applying unique styling to an article on the web in the way that print designers uniquely style articles for, say, a magazine. This is more than hellip;/p

pI#8217;m busy, you#8217;re busy, we#8217;re all busy trying to meet deadlines and get things done in this crazy web world. I love learning new technologies when I can, but I#8217;m the first to admit that I reach for tools that hellip;/p

pYou#8217;ll have to forgive me here folks, this isn#8217;t a very constructive screencast. I was frustrated at the crappy checkout process for a software product I was trying, so I thought I#8217;d screencast it as a lesson to us all hellip;/p

pWe build a pretty typical image gallery design pattern, a grid of images that pop up larger when clicked. But this image gallery page makes use of hot semantic HTML5 markup, loads of visual treats with CSS3 and jQuery, and hellip;/p

pIn 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 #8220;blank#8221; WordPress theme, then take different parts of hellip;/p

pIn 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 hellip;/p