Creating Nestable Dynamic Grids
Learn how to create flexible and fluid grids which make nesting at arbitrary depths easy, while allowing full freedom for how the grid behaves in all viewports. ... read more
CSS
Defending Presentational Class Names
Should presentational class names always be avoided or is that too dogmatic? As web development changes, perhaps it's time to reexamine the issue. ... read more
Understanding the CSS Clip Property
Learn about the underused and often misunderstood CSS clip property and understand how to apply it for some nifty effects. ... read more
Learning Principles for Improving Your CSS
This article will cover some basic principles and tips on how to learn and become better at CSS, based on personal experience. ... read more
Kick-Start Your Project: A Collection of Handy CSS Snippets
Don't start your project with an empty style sheet: there are many great snippets that can make your life easier and speed up web development. We are going to show y ... read more
Basic Ready-to-Use CSS Styles
This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles an ... read more
CSS Buttons with Pseudo-elements
By Sergio Camalich 80 Comments
In this tutorial, I'll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS. ... read more
Slopy Elements with CSS3
It's always a delight to see some non-straight elements in web design. Angled shapes and diagonal lines can create an interesting visual flow and add some unexpected ... read more
HTML Only – The Significance of Proper Markup in Web Design
This article is about the importance of proper markup in a website. A great way to make sure your site works properly is to write your HTML first before you jump int ... read more
Beautiful Photo Stack Gallery with jQuery and CSS3
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is cho ... read more
Collective: 50 Great CSS Awarded Websites and Works Of Designers, Design Agencies
One of the best CSS showcase site is The CSS Awards Site.The reason is that, they analyse the submitted CSS sites very detailed.They have really professional judges ... read more
Collective: Browser Compatible Info for HTML and CSS
CSS and HTML is used to design a website to look attractive. However, the development of CSS and HTML, and every browser that is not balanced to make the UI develope ... read more
Beautiful Background Image Navigation with jQuery
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list ... read more
A Fresh Bottom Slide Out Menu with jQuery
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. ... read more
Photo Zoom Out Effect with jQuery
Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially ... read more
Our 10 Absolute Favorite Smashing Magazine Articles
Some years back when I was starting to study I began to regularly read news and blogs on the web. It was a very exciting time back then since there were many “ ... read more
Neat Photo Hover Effect with CSS Sprites and jQuery
By cody 6 Comments
Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the i ... read more
Fresh Set of CSS-only Menus
Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I u ... read more
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-styleR ... read more
Self-resizing Navigation Menu with jQuery
Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically. Sometimes ... read more
Creating a Rotating Billboard System with jQuery and CSS
Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and so we came up with another idea: a rotating bi ... read more
Day and Night: Creating a Scenery Animation with jQuery and CSS
In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolut ... read more
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial ... read more
Beautiful Slide Out Navigation Revised
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot ... read more