14 Bookmark-Worthy Web Design Resources for Rookies
Web designers know better than most how valuable a good online resource can be.
Those with the skills to design and create a website are in high demand these days, and with good reason. As more and more of the world’s information, interaction and industry move to web and mobile platforms, web designers are the help everybody needs.
But who helps the helpers?
Fear not! There are incredible web design resources out there to further your knowledge, provide support and fan the creative fire of web designers of all levels. Read on for 14 of the best and brightest web design resources for rookies, as recommended by the experts themselves.
14 Go-to web design resources for beginners
1. Smashing Magazine
“The gold standard for online web design resources,” says James Walters, director of development at pixelFLYTE.
Smashing Magazine focuses mainly on tutorials on everything from creating responsive typography with Sass maps to an introduction to the coding side of color in an easy-to-navigate layout. Articles are clearly categorized into subjects like coding, mobile and UX design, making it easy to find resources based on your niche.
Another first-rate blog for aspiring designers, CreativeBloq features a variety of expert tips, how to’s and career advice articles. Chances are if there’s a question you have about the industry, you’ll find it covered here somewhere.
“The content is top-notch and there are about 20 fresh articles every day,” says Sam Anthony, cofounder of TheSiteEdge. “They rock when it comes to great list posts showcasing awesome design work.”
“Marvel is the best web and mobile prototyping tool in the market right now,” says UI/UX Designer Lazar Stojkovic. Certain levels of Marvel access are available at a price, but it does offer a free tier for new designers trying to keep their costs down.
Whether you’re in need of a prototyping tool or just a little inspiration, Stojkovic says the creators of Marvel update their product and galleries frequently. “It's just getting better all the time!”
4. The Next Web
This powerful news website focuses on the latest advances and trends in web design. In a fast-paced field like web design, The Next Web is Walter’s pick for keeping a pulse on industry happenings.
Scanning all of the latest headlines in one place will make it easier for you to get a handle on the ever-evolving industry you’re entering. Impress your designer friends by always knowing about the latest and greatest trends and technologies.
5. Viewport Resizer
“We use this site constantly, multiple times, every day,” says Holly Ferro of 5 Nerds Software.
The Viewport Resizer is a free tool that emulates different browser sizes for the most popular mobile devices. Ferro says it’s the top tool for making sure your responsive design looks great on any device.
6. The Webby Awards
Something like The Oscars for web design, The Webby Awards have been honoring excellence on the Internet for going on 20 years. Awards are given in five major media types: Websites, Advertising & Media, Online Film & Video, Mobile Sites & Apps and Social.
Dubbed “The Internet’s highest honor” by The New York Times, Walters recommends this site as a great source of inspiration. There’s no better way to start your career off on the right foot than by submerging yourself in the best web design the field has to offer.
7. The Toolbox
The Toolbox is “a collection of the best time-saving apps, tools and widgets from around the web.” This site accepts user-submitted apps and tools and organizes them all in one place to give designers like you quick and easy access to them.
Web designers are faced with countless small, tedious calculations just to perform their everyday duties, according to Nate Shivar, president at Shivar Web Consulting. That’s why he recommends bookmarking this site to spare you some time and frustration when you’re in the midst of a project.
Shivar calls this one a “cutting edge show-and-tell resource” for designers. Dribbble is the ultimate social platform for designers, providing a place to promote, discover and explore others’ creations.
You’re mom, spouse or best friend may not always understand what you do for a living. Joining this community will allow you to share what you’re working on with others who share your passion.
Do you ever wonder what a normal, everyday user thinks about your design? Look no further than Peek, suggests Stojkovic. This is a user testing tool that connects your website with a random user and records the ensuing interaction for five minutes.
This tool gives you a fast, un-biased opinion of your website or app so you can improve the overall user experience. And best of all, it’s free for up to three uses a month!
Anthony appreciates the longer-than-average length of content on this site, as well as their commitment to host many different contributors, which keeps the perspective fresh.
11. The Web Developer's SEO Cheat Sheet
The experts at Moz created The Web Developer’s SEO Cheat Sheet to serve as a handy reference to help web designers follow the best practices in search engine optimization. With tens of thousands of downloads since its debut, this is a must-have resource for any web design professional.
“This checklist helps me build SEO-friendly sites from the ground up,” Shivar says. The cheat sheets are downloadable at no charge and the content is concise and reputable.
Freepik is the leading search engine for free vector designs. Ferro recommends using this resource whenever you’re in search of the perfect background or icon to put the final touches on a design.
The platform offers high-quality images for use in personal or commercial. Google, Adobe and Smashing Magazine are just a few of the companies that use Freepik.
13. Color Thief
This resource does precisely what is sounds like it does. Color Thief was created by Lokesh Dhakar to allow designers to create a color palette from any existing image.
Simply upload your image of choice and you’ll be presented with a collection of colors that compliment it perfectly. Ferro considers this a great time-saving resource to help you ensure your design has that extra coordination and polish that clients expect.
14. Rainy Mood
As a hopeful web designer, it’s safe to say there will be a lot of screen time in your future. Staring at your computer for hours can get old fast. Sometimes music breaks your concentration, but silence can be equally distracting.
That’s where Rainy Mood comes into play. There’s nothing more calming than the soothing sounds of raindrops falling. Ferro encourages designers to give it a try, saying it helps her stay creative and focused when working on a tedious project. As the site says: “Rain makes everything better.”
Design your career
Take it from these seasoned professionals, these web design resources are worth hanging on to. Now that you have some handy tools up your sleeve, it’s time to establish a routine that works for you.
Everyone has their own unique method, but getting some ideas from experts in the field can help you get started. Check out our article: The Ultimate Guide to a Frustration-Free Web Design Process.