In the article, one certain section about placing labels inside of form fields stood out to me:

Because labels within fields need to go away when people are entering their answer into an input field, the context for the answer is gone. So if you suddenly forget what question you’re answering, tough luck—the label is nowhere to be found. As such, labels within inputs aren’t a good solution for long or even medium-length forms. When you’re done filling in the form, all the labels are gone! That makes it a bit hard to go back and check your answers. Luke Wroblewski

He brings up a good point. Generally speaking, you can look at a field that says “Tim Wright” and know that it was a field for your (my) name. But for long forms, yea, I do agree that you can forget some of the questions you answered.

For best practice, Luke talks about leaving your labels outside the form field so it’s always available to the user. I do think it’s a pretty good solution, but I think we can get a little more creative than that.

via Form Design with Sliding Labels « CSSKarma.

I thought I will find more, but I guess Photoshop Apple tutorials are a lot more popular now than coding tutorials. But I hope you will enjoy this article as well – it’s short, but really quality one!

via 15 Incredible Apple Webdesign Style Coding Tutorials | Graphic and Web Design Blog -Resources And Tutorials.

In this tutorial we will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image slices disappear while another one (the other ad) appear. We will decrease the width of each disappearing slice and increase the width of each appearing slice. This will give the effect of rotating slices, just like in a rotating billboard system.

Ok, let’s start coding!

via Creating a Rotating Billboard System with jQuery and CSS | Codrops.

via Silhouette Fadeins | CSS-Tricks.

via 23 Best jQuery Facebook Style Plugins | jQuery Wisdom.

The icons that we will be using are from the Colorful Sticker Icon Sets 1, 2, 3 and 4 by DryIcons. (It is not allowed to redistribute them under the free license, so I cannot include them in ZIP file of this tutorial.)

via Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops.

via Create an Animated “Call to Action” Button.

This is why there are certain techniques that help designers group content and show it only if the user is interested in what you have to offer and interacts with the page.

Today we are making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.

via Making a Fresh Content Accordion – Tutorialzine.

We are using PHP and MySQL on the back-end and jQuery and jQuery UI on the front.

As an addition, we are using two jQuery plugins – qTip for fancy tips and the Star Rating plugin for great looking star-based ratings for each quote.

In the process we are also implementing a dynamic font replacement with Cufon.

So go ahead, grab the download archive and continue with step one.

via Fancy Quotes With jQuery, AJAX & CSS – Tutorialzine.

The usage of the plugin is straightforward & can be implemented in minutes. Various settings (like speed, auto: true/false, ticker_direction) make customizing the display easier.

via bxSlider: jQuery Content Slider And Ticker.