CSS

As both a customer and a contributor, I’m a big fan of the Envato Marketplaces. Each of these sites has done an awesome job at targeting and providing for a niche of creatives while creating a decent income opportunity for authors.

One of the newest sites in this network is CodeCanyon, which sells “scripts and components for a variety of languages and frameworks.” Most of these files only cost a few bucks and they can save you some serious coding time. Today we’ll dive into the infant industry of stock CSS components by looking at ten of the coolest items for sale.

LESS is an amazing little tool that extends CSS with the addition of variables, mixins, operations and nested rules. What this means is that you can write leaner code very quickly. And with the recent rise of complex CSS3 properties, we have a few glaring examples of code that could definitely stand to be simplified a bit.

Today we’ll take a look at how to use the newest JavaScript implementation of LESS to simplify lengthy CSS3 markup. One of the key features we’ll be looking at that I haven’t seen discussed elsewhere is how to deal with multiple variables in mixins. It’s fairly simple but can be confusing if you’ve never tried it.

You’ve got countless bits of HTML5, CSS3, JavaScript, and PHP rolling around in your head and on your hard drive that you are forced to try to recall each time you start a project. It’s time to get organized.

This post will briefly point you to 27 great utilities that not only help you store your favorite snippets both locally and in the cloud, but also make sharing with others a breeze. Enjoy!

One of the biggest problems with all the new CSS3 properties is that most of them have multiple browser-specific implementations. This means when you want a simple shadow, you have to remember quite a bit of code to make it compatible across as many browsers as possible.

To help you out with this task, a bunch of intrepid coders have created free interactive tools that provide simple user interfaces that spit out all the code you need with a fully customizable end result. Below you’ll find over twenty of these CSS3 generators.

Here at Design Shack we love a good navigation menu. Lately we’ve noticed a trend arising around menus that use icons either exclusively in place of text or as a support of additional textual information.

Adding icons to your navigation can not only give you an aesthetic boost but actually make for a quicker visual read of the link. Here’s a collection of over thirty icon-based navigation menus that we found online. We’ll conclude with a few resources you can use to snag some free icons to create your own fancy menus.

Love ’em or hate ’em, HTML emails are a wildly popular marketing tool and you will almost definitely come across clients that want you to build them.

If you don’t know anything about HTML emails, they’re annoying to develop and break all the rules you’ve ever learned as a web designer, but being able to code them is a valuable skill to possess. Today we’ll look at ten quick and easy tips to get beginners started on the road to creating beautiful and functional emails.

If you’re thinking about starting a blog, there are a lot of technical details to consider when attempting the initial layout of your page. How large should your text be? What font should you use? Should your images have borders?

We’ll help you answer these questions and more by tearing apart the post designs of popular design blogs. Examining the work of others will give you insight into popular trends and what you think works best. Let’s get started!

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.

I recently came across a neat tutorial at Woorkup pointing out a MooTools feature that allows you to turn any item on a web page into a positionable element.

Today we’re going to use this technique to create a simple and fun sticky note that a user can play with and move anywhere on the page. Along the way will be using lots of CSS3 so make sure you’ve got a decent browser!

For those who don’t know, Cu3er is an awesome 3D image slider that’s free to use and easy to setup.

This section will examine how to tweak your slideshow using some of Cu3er’s many customization options. We’ll mostly be editing an XML page but don’t worry about it getting too techie. Even if you don’t know what XML is, it’s all pretty straightforward and easy to understand.