100 Essential Resource Sites for Web Designers

No matter how creative and knowledgeable you are in web design, you cannot come up with the best web page design if you don’t have the right tools, codes, and resources. It can be stressful to search for various resources here and there. That’s why we decided to create this collection which will provide all the best resources websites in one place.

So bookmark this list for future reference and let’s get started!

Browser Extensions

1.   What Font is the easiest way to identify fonts on web pages.

2.   Web Developer adds a toolbar button to the browser with various web developer tools.

3.   Show the different technologies what websites are built with Wappalyzer.

4.   Grab a color from any website with the advanced eyedropper, color picker and color analyzer using ColorZilla.

Browser Testing

5.  Test your website in more than 25 web and mobile browsers on your local machine with BrowseEmAll.

6.   See differences and errors on your site with Browsera by testing the cross-browser layout of your website.

Business Strategy & Lead Generation

7.   Portable Entrepreneur was created to help web design and SEO entrepreneurs start and scaling their business that allows them to work from anywhere.

8.   Receive insight and information from Jennifer Bourn on how to grow profitable online platforms.

Classes & Tutorials

9.   Udemy offers a wide range of courses on web design, development, marketing & more.

10. Skillcrush is an online platform and community for learning coding and design skills to change your career.

Code Style Guidelines

11. Web Field Manual is a powerful online collection of coding resources, best practices and materials.

12. JavaScript code style guide with a syntax cheat sheet.

Code Validator

13. Review Board is a web-based collaborative code review tool.

14. Reviewable is a code review tool for GitHub pull requests.

Collecting & Organizing Client content

15. Client Portal is a beautiful dashboard (that lives on your website) to keep all your projects assets in one place.

16. Content Snare is a content gathering tool that helps digital agencies gather content and documents from their clients on time and in the right format.

17. Contentful helps you manage, integrate and deliver content across every digital channel.

Deal Sites for Web Designers & Developers

18. DealJumbo offers discounted design bundles with extended licenses.

19. MightyDeals is a daily deal website that offers massive discounts for web and creative professionals.

20. Inky deals has best deals for digital design assets for designers, photographers and freelancers.

21. Find tech deals for designers, developers, marketers, bloggers, startups, and learners at Deal Fuel

Domain Name Generators

22. Type a keyword into Name Mesh to find domain names and see suggestions for common, short, fun domain names and more.

23. Panabee is a simple way to search for domain names, app names, website names, and business names.

Favicon Generators

24. With Favicon.io you cam quickly generate your favicon from text, image, or choose from hundreds of emojis.

25. Use Favicon.cc to create and generate favicons including animated ones.

Fonts

26. What Font Is helps designers to find the font from an image regardless of foundry or license.

27. Dafont provides free fonts for download.

28. Access a library of 990+ free licensed fonts at Google Fonts.

Freebies

29. Discover 10,000+ Freebies designs on Dribbble.

30. Freebiesbug has free PSD, CSS Snippets and other resources for Web Designers.

31. DevKinsta comes with many useful and amazing features that make it way better than almost all other local WordPress development tools.

32. Find free HTML and landing page templates at Inovatik.

33. Find hand-picked resources for web designers and developers from designers for free at Design Hooks.

HTML Compatibility Checkers

34. The W3C validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

35. HTML Validator Extension is a Mozilla extension that adds HTML validation inside Firefox, Mozilla.

Icons

36. IconFinder is the leading search engine and market place for vector icons in SVG, PNG, CSH and AI format.

37. Find beautifully free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT at Flaticon.

38. Find the perfect icon at Icon Icons, available in SVG, PNG, ICO or ICNS for free.

39. Round Icons is the world’s biggest premium icon packs library of flaticons, line icons, filled outline, isometric and solid styles.

Images

40. Get started on your next project with wide selection of royalty-free images at Storyblocks.

41. Find over 1.7 million+ high quality free images and royalty free stock and images at Pixabay.

42. Unsplash has beautiful, free images and photos you can download and use for any project.

43. Download the best royalty free images from Shutterstock, including photos, vectors, and illustrations.

44. Explore 300,000+ free stock photos and royalty free images at Free Images.

Image Optimizers

45. Using Compress PNG reduces the file size of larger files such as PNG, JPEG, GIF, and PDF.

46. Using Smush for compressing images inside of WordPress.

47. Compressor can help you reduce drastically the size of your images and photos whilst maintaining a high quality.

48. Kraken.io is a robust, ultra-fast image optimizer and compressor with best-in-class algorithms.

49. JPEG-Optimizer is a free online tool for resizing and compressing your digital photos and images.

Invoicing & Proposals Resources

50. Send professional looking proposals with Better Proposals in half the time with in-depth analytics and digital signatures.

51. Create and send free invoices and estimates, track time and expenses and accept online payments with Invoicely.

52. 100,000+ freelancers have trusted Bonsai for their contracts, proposals, invoices, and payments.

53. Use Proposify to create, send, track, and e-sign winning proposals, contracts, and agreements.

54. Bidsketch makes it easy to reuse proposal templates, pricing items, content, and designs.

Lorem Ipsum Generators

55. Generate Lorem Ipsum placeholder text for use in your graphic, print and web layouts.

56. Office Ipsum is a dummy copy for the corporate world.

57. Find all the ipsums in one place at Meet the Ipsums.

58. Learn about lorem ipsum and generate dummy text at Lipsum.

Managing Multiple Websites

59. Monitor and manage multiple WordPress websites from one dashboard using ManageWP.

60. InfiniteWP is a free self hosted, multiple WordPress site management solution.

61. iThemes Sync allows you to manage and maintain multiple WordPress websites from one central dashboard.

Marketplaces for Selling Designs, Templates, Graphics & Scripts

62. CodeGrape is an online marketplace for WordPress Themes, Site Templates, Plugins, PHP Scripts, JavaScript, HTML5, .NET, Mobile Apps, Prints, Graphics and CSS files.

63. Join millions and bring your ideas and projects to life with Envato – the world’s leading marketplace and community for creative assets and creative people.

64. Codester is the marketplace where you can buy ready-to-use scripts, app source code, themes, templates, plugins and more.

65. Design Modo Market sell digital products for designers and developers.

66. Creative Market is a marketplace for creative content producers, with nearly 32,000 shops and 5 million products.

Mobile Responsive Testing

67. Let Google check if your webpage is mobile-friendly using the Google Mobile Responsive Test.

68. The Responsive Design Checker tool allows you to input your website URL to see how your site will look on different kinds of devices, including popular devices, mobile and tablet screen resolution.

Mockups & Wireframes

69. InVision allows you to quickly and easily create interactive mockups for your designs and share these mockups with your team or clients.

70. Moqups is a streamlined web app that helps you create and collaborate in real-time on wireframes, mockups, diagrams and prototypes.

71. MockFlow is an online wireframe software for designers planning, building and sharing work.

Page Speed Performance

72. WP Rocket is the most powerful web performance WordPress plugin in the world.

73. GTMetrix is a tool that analyzes the page speed and performance.

74. Get your PageSpeed score and use PageSpeed suggestions from Google to make your website faster with Google Pagespeed Insights.

Project Management Tools

75. Monday is a project management tool to help you run process, projects and everyday work.

76. Paymo is a modern and intuitive work and project management solution for small businesses and remote teams that bundles advanced task management, planning, scheduling, time tracking and invoicing.

77. Nutcache is a collaborative project management software for freelancers including estimates, project budgeting, time tracking, expense management and more.

Themes & Templates

78. Thrive Themes is excellent for generating more leads and customers from a website.

79. Use popular mobile-responsive themes and design framework for WordPress with StudioPress.

80. Qode Interactive Premium Themes – 400+ premium WordPress themes working with Elementor & WPBakery.

81. Use Elegant Themes for creating unique websites without any coding.

Website Content & Resources

82. The Hemingway App is an editor that highlights and corrects grammar, fluency, and sentence structure in order to help your writing read and look better.

83. Powtoon gives you the freedom to create professional and easy to customize videos your audience will love.

84. SEO Writing Assistant for recommendations to make your content SEO-friendly.

Website Conversion Optimization Tools

85. Improve user engagement and generate more leads with GetSiteControl’s forms and pop-ups.

86. Mouseflow lets you replay the full site visitor experience to identify why visitors aren’t converting into customers.

Website Builders

87. Webydo is a white label website builder for web design freelancers and agencies with build-in CMS and hosting.

88. Page Cloud is a drag and drop website builder with visual editing and 100s of integrations.

Website Inspiration

89. Muzli is a new-tab browser plugin and mobile app that instantly delivers relevant design stories and inspiration.

90. Check out the web design showcase at Site Inspire.

91. The best inspiration for one page websites.

92. Check out Web Design Inspiration to see clean, great looking websites with great UX.

Website Style Guides

93. Frontify combines digital asset management, brand guidelines, creative collaboration, and print & design templates in one easy-to-use platform.

94. Documentcss for creating live style guides with interactive examples.

95. Generate a style guide from your toolkit code using Fabricator to make it easy for other developers to use.

Web Design Awards

96. Awwwards recognizes the best talent and effort of developers and designers and web agencies.

97. CSS Design Awards showcases CSS used in creative ways.

98. See a showcase of the best designs on the web at The Best Designs.

Web Design & Development Freelance Websites

99. Find short-term, recurring and full-time web design and development contract work on UpWork.

100. Sign-up to offer crowdsourced logo, graphic and web design at DesignCrowd.