The most popular posts of the year are a mix of Ryan Boudreaux’s tips, tutorials, and demonstrations. jQuery techniques grabbed top spots as well as posts on Responsive Web Design.

#1 How to create an image hover-preview effect using jQuery

Ryan Boudreaux includes all the code snippets you’ll need in this demo of how to create an image hover-preview effect using HTML, CSS, and JavaScript.

#2 jQuery: How to get objects by ID, Class, Tag, and Attribute

Ryan Boudreaux continues his tutorial on getting acquainted with jQuery by showing you how to get objects by ID and Class selectors and by Tag and Attribute.

#3 How to get started with Responsive Web Design

Ryan Boudreaux explains the concept and methods behind Responsive Web Design. Here are some easy examples to help you get familiar with RWD.

#4 How the parallax effect is used in web design

Ryan Boudreaux defines the parallax effect and how it has been used in animation and gaming. It is also an effect that can be achieved in web design. Here are some examples.

#5 How to create media queries in Responsive Web Design

Create media queries that allow the web designer to target styles based on a number of device properties, such as screen width, orientation, and resolution.

#6 HTML5 vs. Flash: The state of the debate

Ryan Boudreaux looks at some of the latest browser support numbers for HTML5 and Flash. Are you a partisan for either? Here are Ryan’s thoughts on the state of the Flash vs. HTML5 debate.

#7 Fun with menus: Navigation using jQuery, CSS3, and HTML5

Here are the code examples for creating different effects in navigational menus, including an accordion effect and a fading effect.

#8 Photoshop tutorial: Create the Polaroid effect for images

Achieve the Polaroid effect with images in Photoshop CS5. This tutorial will help beginners understand how to work with layers in Photoshop.

#9 Tutorial: jQuery Show, Hide, and Toggle functions

Ryan Boudreaux demonstrates how to use the jQuery Hide, Show, and Toggle functions.

#10 Create a tool tip text-box element using jQuery, CSS3, and HTML5

Create an easy tool tip element for your website using jQuery, CSS3, and HTML 5.