Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.
Over the last few days I spent some more time reading and studying a new list of SS tutorials. Every chance I get, read over CSS blogs and tutorials sites finding the latest CSS guides out there and learning what I can. Cascading Style Sheets are found in every modern website. As a designer and WordPress administrator it is vital that you have CSS skills so can create and modify sites as needed. These are just a few of the CSS sites I went over and learned from. Enjoy.
- The definitive guide to formatting CSS – Sickdesigner – “As web designers, we like certain things done a certain way and the way we write our CSS is probably at the top of that list. So today I’ll try to show you a few ways to write better CSS, not just for yourself, but also for others.”
- 10 Tips for Writing Better CSS | Tips – “Writing your first piece of css code can seem really weird if you’re used to working with tables, or just haven’t written code before. In this article I want to talk about 10 different ways you can write proper and clean css code as well as streamline the process and ensure you’re getting the job done as quickly and efficiently as possible.”
- 14 Helpful Cheat Sheets for Front-end Web Development | Resources – For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards
- The Most Common HTML and CSS Mistakes to Avoid | Tips – “Beginners through advanced coders make mistakes in their HTML and CSS files, either through carelessness or lack of experience. Clean code is very important though and will help further your skills as a developer, as well as save you time in editing later on! It never hurts to review if you’re a skilled developer, many mistakes are caused by going too quickly and not practicing good coding skills from the beginning. Here’s a helpful list of common mistakes and missteps that I’ve encountered through my own work, as well as working with others.”
- 12 Excellent CSS3 Button and Menu Techniques | Tutorials – “CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.”
- CSS Tips I Wish I Knew When I First Started | MyInkBlog – “I’ve been working with CSS for quite a while now, and even though it’s relatively easy to learn, there are always new tips and tricks to be found. I’m learning new stuff all the time. I wanted to take a moment to put together this helpful list of CSS tips I wish I knew when I first started. Although many of these tips are common knowledge, I think you’ll find them helpful. At the very least I hope you’ll be nodding your head in agreement.”
Bonus CSS Sites and Tutorials
- Basic CSS3 Techniques That You Should Know (sixrevisions.com)
- Getting Started With HTML & CSS Using Firebug (shankrila.com)
- 0to255 lets you select matching colors for CSS, fast (downloadsquad.com)
- Pure CSS Social Media Icons (crenk.com)
- Inside The CSS Working Group (blogs.msdn.com)
Hi James,
Nice list – CSS is one of the most important things that a blogger who uses a template can learn IMHO. Of course, a decent understanding of the common html tags and their uses is required before you begin.
One warning though – It can be really frustrating when you are learning this, so **never** make adjustments to your css in your live environment unless you do one at a time. Even then, it can be a bad idea. Also, CSS is NOT implemented in all browsers in exactly the same way, so check your results in at least IE (6,7,8 are all different), Firefox, and Safari.
When I learned it, I used an html file on my desktop. That way it was contained.
Good luck & have fun – it is once you get past the frustration.