My new project Noobcube.com has officially launched! Noobcube will be a site dedicated to Web Design and Web Development tutorials, tips, resources, and freebies. I've already posted 2 tutorial articles covering some CSS techniques. We will be providing quality articles on a weekly basis. In addition to our in depth tutorials, we'll also be providing useful resources, tips, and freebies on a regular basis.
Please take a minute to check it out and don't forget to SUBSCRIBE to our feed so you never miss out on our articles!
Our first two tutorials cover some CSS techniques which are described below. Hope to see you on Noobcube soon!
1. CSS Background Image Sprites: A Beginner’s Guide
![]()
Without regurgitating too much history behind image sprites and how and why we should use them, we’re going to create something practical that you can implement into your projects immediately. There are several resources and tutorials already covering what image sprites are and even how we should use them. Just google “CSS Image Sprites” and you’ll return more than 2000 results. We’re going to skip the history lesson and get you started using CSS image sprites today.
2. Create an Advanced CSS Menu Using the Hover and Position Properties

Starting with a photoshop file and finishing with semantic HTML and CSS, we’ll be creating an advanced CSS navigation menu using its :hover and position properties.
2. Create an Advanced CSS Menu Using the Hover and Position Properties

I’ve created 10 seamless stripes for you to go tiling crazy with. All the patterns are semi-transparent with different grunge textures. You can easily modify the colors and feel to fit your needs by opening the PSDs that are included.
No Comments Yet
You can be the first to comment!


