Subscribe to this blog to receive announcements about best practices.

Five Helpful Resources For Learning HTML And CSS

Before working in the education industry, I was (what I like to call) a code monkey. I can easily code in HTML and CSS, with a touch of JavaScript and other coding languages thrown in for good measure. I even taught HTML and CSS classes in grad school (okay, so I guess I was never that far from education). But even an experienced coder, like myself, has to get help or needs a refresher from time to time. Here are my top five resources for learning and working with HTML, CSS, and websites in general.

W3Schools is a free resource for learning HTML, CSS, JavaScript, and more. Simply pick a topic and go through the tutorials or skip to topics that interest you. Every topic gives you the opportunity to try what you've learned and some have practice exercises. Just note that on this site there is no way to save your progress.




Codecademy also has a variety of courses for web development, including HTML, CSS, and JavaScript. Codecademy requires a login, which allows you to track your progress. Unlike W3Schools, you must complete a lesson to move on to the next one. While all interactive lessons are free, there are two paid options that give you access to practice projects, quizzes, technical help, and more.

Website: contains a huge library of trainings on a wide variety of topics. In addition to HTML, CSS, and JavaScript, has courses on Adobe Dreamweaver, WordPress, and other tools you can use to create websites. Not only can you track your progress, but you can also create playlists of courses you want to take. is a paid service, but offers a free 30-day trial offer.



RGB to Hex

Sometimes when web coding, I'm given a specific set of colors to use, often in RGB format. Instead of using a color picker and trying to get close, I use the RGB to Hex website. Just plug in the numbers for red, green, and blue, click Convert to Hex, and the site will generate the hexadecimal code you need to display the exact color. And if you need to reverse the process and go from Hex to RGB, the site has a page to make that conversion as well.




Do you need to make sure your site is accessible to people who are color blind or who are using a screen reader? If so, WebAIM is a fantastic resource for learning about accessibility online. WebAIM also has tools to help you out. Enter a foreground and a background color into the Color Contrast Checker and the site will tell you if the combination passes Web Content Accessibility Guidelines (WCAG) for both normal and large text. Enter a website into the WAVE evaluation tool and receive a full website accessibility evaluation.

Color Contrast Checker:


Hopefully, you'll find these sites are a good place to get started. Once you have a good grasp of the basics, a good Google search can help remind you of the code for a registered trademark (®) or how to change the color of a font to green (style="color:#008800;").

Disclaimer: All websites referenced in this blog posting were live and active as of the publishing of this article. Sites discussed are not owned by Blackbaud, Inc. and may change, move, or disappear at any time.  

Posted by Allison King on Jan 11, 2018 10:00 AM America/New_York

Leave a Comment

Log in to post a comment.

My library offers card holders for free - check and see if your library does!
  • Posted Thu 01 Feb 2018 09:44 AM EST
Exactly what Jennifer says - my local public library (in a VERY small town!) offers too.
  • Posted Mon 12 Feb 2018 09:30 AM EST
Is this also helpful for a new beginner with NO coding experience?
  • Posted Tue 03 Apr 2018 11:48 AM EDT
All of the resources here, especially the first three, are great places for an absolute beginner to start.
  • Posted Tue 03 Apr 2018 11:59 AM EDT
Very helpful, I've been needing to brush up on some of my coding!
  • Posted Tue 03 Apr 2018 03:16 PM EDT
These are great suggestions. I'm always recomending the first 3 sites.
  • Posted Wed 04 Apr 2018 03:38 AM EDT
Codeacademy is great. Easy to follow examples and lessons.
  • Posted Mon 09 Apr 2018 01:43 PM EDT
I've used w3schools for HTML before, but would love to dive into CSS, too. Thanks for including all of these resources!
  • Posted Mon 09 Apr 2018 01:45 PM EDT
This is a super helpful resource! We are in the process of migrating to a new online donation platform that requires us to know basic coding.
  • Posted Tue 17 Apr 2018 12:49 PM EDT
I learned HTML many years ago. I can surprised at how often that knowledge comes in handy.
  • Posted Tue 17 Apr 2018 02:00 PM EDT