Top css tricks

Top CSS tips, tricks and resources

Wednesday, 15 June, 2011 by Eton Digital team

Are you ready to sharpen your CSS skills?

If you are looking for efficient ways to improve your CSS skills, you’ve come to the right place. We have gathered a short, yet extremely helpful list of some great resources aimed at both those fairly new to CSS and those who are already experienced – these resources are designed to help you build better looking websites in less time.

1# CSS Tricks

One of the oldest and most famous websites that has been helping developers all around the world for years is CSS Tricks. As the name suggests, here you can find quite a few tips and tricks about CSS – from how to do something basic to more advanced and complicated inputs.

What is particularly interesting regarding CSS Tricks is how here you have access to a variety of content types. If you prefer to read – articles and in-depth guides are a great starting point. If you prefer to watch videos – you have that option as well. And if you are just looking for some quick solutions to any CSS problem you may have – CSS Almanac and Snippets will be of great help.

No matter what kind of CSS issue you have, the best starting point to find a solution is CSS Tricks – so make sure you check out this website.

CSS tricks and resources

2# CodePen

When we discuss CSS or front-end development, CodePen has to be mentioned. It is a social development environment for designers and developers, where they can build, test and discover front-end code.

Creative solutions and ideas is what you will be able to find here. Allow yourself to be inspired by many fellow developers and designers who offer innovative concepts that you can use.

If you don’t know where to begin on CodePen, make sure to follow our front-end developer Branko Stancevic, who is always on the lookout for exciting development ideas.

Codepen logo

3# Codrops

Another great resource that you can use to learn more about CSS is Codrops. You can learn how to create certain things by using different tutorials, check out experiments and plugins related to web development or to simply read articles that interest you.

In addition to this, you can also find an extensive CSS reference with all the important properties. So no matter whether you are a beginner looking to learn CSS from the basics or you just need to refresh your memory from time to time – you can dive into pseudo-class, property, function, data type or any other area offered on this page.

Codrops logo

#4 More resources

Even though the above mentioned CSS resources are amazing and are able to provide you with useful solutions to any problems you may have, there are quite a few additional resources that you can use.

WebdesignerDepot can be incredibly useful because it was founded way back in 2008. Not only can you read more about CSS, but you can also find out more about a variety of topics related to web design and development. Another fun feature of this website is that it offers freebies that you can download and use.

Smashing Magazine is definitely a staple resource for anyone working in the IT industry. Find out the latest news, get inspired, find books to read, discover great events or get freebies – whatever suits your needs!

What do you recommend?

These resources are strong favourites of ours. Some of them are truly dedicated to CSS, while other contain other bits and pieces that any web designer and developer can find useful.

What are your favourite CSS resources? What do you use when you need to solve CSS issues?

We’d love to work with you on your project!

Get in touch with us and tell us your idea.

Start a project