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
#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.