- CodePen - A go-to for many designers, the ‘playground for the front-end web’ never disappoints.
- CodePen Demo - A collection of 21 HTML projects with source code.
- Site Inspire - Showcase of some of the freshest site designs, searchable by style, type, subject, and platform.
- Checkout Pages - Curated directory of the best checkout pages on the web, and also links to collections of the best Pricing Pages, Store Pages, and Product Pages.
- CSS Nectar - Excellent source of design inspiration, with new websites added to the showcase every day for users to vote on.
- Niice - Niice allows you pull in inspiration from Dribbble, Behance, Sketch and other sources to create beautiful moodboards and share with your team.
- Muzli - Chrome extension that brings you fresh design inspiration every time you open a new tab.
- Inspiration UI - Collection of user-submitted UI design examples.
- Web Flow - Prototyping and design tool, features a showcase of beautiful sites, including a clone-able section to get you started.
- Uplabs - Community powered marketplace of designers and developers, where you can find an extensive collection of free and premium resources.
- Landing Folio - A great source for conversion-focused web design, Landingfolio showcases some of the best landing page examples which you can filter by industry.
- Crayon - Extremely comprehensive collection of web design examples and marketing data from across the web.
- UserOnBoard -Teardowns of the some of the most popular apps with plenty of valuable UX insights sprinkled throughout.
- Pexels - Pexels pulls together the best free stock photos from many different sources across the web.
- Pixabay - With over 780,000 stock photos, vectors, and illustrations, Pixabay is possibly the largest source of free images on the web.
- Unsplash - a curated collection of free high-res photos from Crew.
- Death to the Stock Photo - offers free and premium photos for designers seeking something a little different.
- Lorempixel - Looking for placeholder images for mockups? Use Lorempixel.
- Canava - easy to use design tool that taps into stock photo sources and lets you produce high-quality creative work in minutes.
- Material Icons - Material icons beautifully crafted by the Google team.
- Iconfinder - a massive library of over 1,197,980 icons and 26,941 icon sets.
- Flaticon - an excellent source of vector icons in PNG, SVG, EPS, PSD and BASE 64 formats, and has a premium plan that gives you great value for money.
- Dribble and Behance Freebies (Icons) - The best free icons from Dribbble and Behance, all in one place.
- The Noun Project - A community-driven icon library, The Noun Project has something for everybody.
- Illustrio - offers something a little different than the other Icon resources here. This app lets you take icons and completely customize them to match your brand.
- GraphBerry - offers an extensive library of design resources, including a wide range of free icons.
- Google Fonts - Discover and download free and open source fonts in this typography community from Google.
- Dribble & Behance Freebies (Fonts) - free fonts from Dribbble & Behance.
- Typewolf - Typography inspiration for the modern web, Typewolf showcases the latest trends in type.
- Thinking with Type - Ellen Lupton’s book on typography, a must-have for every designer.
- Font Flame - The Tinder for font pairing, Font Flame helps you pick out the best font combinations for any project.
- WhatFont - a Chrome plugin and app that allows you to inspect web fonts on desktop and mobile.
- Right Font - a lightweight and fast font manager for Mac that helps your preview, sync, and organize fonts without installing them.
- Typekit - A subscription font service from Adobe, Typekit is a must for serious designers.
- Fonts.com - possibly the largest directory of fonts on the web, with a database of more than 150,000 fonts to preview, purchase, and download.
- Font Squirrel - One of the best sources of free fonts on the web, you can’t go wrong with Font Squirrel.
- Responsive Typography with SASS Maps - Learn how Sass maps can help with responsive typography in this helpful tutorial from Smashing Magazine.
- 7 Commandments of eCommerce Typography - A must-read for eCommerce designers, our latest article on typography outlines 7 important rules that will help you design better online stores.
- Creative Market - Creative Market offers 12,240 stunning fonts. From serif and script, to hipster and tattoo fonts, you’ll find thousands of fonts designed by creatives from around the world.
- Guacamole 3-in-1 UI Kit - This free kit from Avocode is a mix of beautiful UI elements from Photoshop, Xd, and Sketch.
- PixelKit - If you’re looking for a solid selection of premium UI kits, check out PixelKit.
- UI8 - UI8 offers incredibly polished free and premium UI kits for mobile and web projects.
- UIKit by UXPin - UXPin have put together an awesome free UI kit with over 80 elements, 9 element types and 4 sample kits.
- Ultimate List of Free eCommerce UI Kits - This ultimate list of free eCommerce UI kits and design resources is a go-to for many of our agency partners.
- InVision - InVision is a prototyping, collaboration, and workflow platform for designers that allows users to create highly interactive mockups.
- Sketch - Sketch is a lightweight digital design tool for Mac, and a favorite of the LemonStand team.
- Marvel - A free mobile and web prototyping tool, Marvel makes it easy to create beautiful prototypes.
- Origami Studio - This free new tool from the Facebook Design team allows you to easily put together a prototype, run it on your iPhone or iPad, and iterate on it.
- Proto.io - Create fully-interactive prototypes without writing any code.
- Webflow - Webflow lets you do everything: design, prototype, and launch responsive websites, all from within your browser.
- List of Books - Full list of Code PDF books.
- Gulp - Gulp automates your workflow by compiling and minifying Sass.
- Sass - Sass makes writing CSS fast and modular. Our designers here at LemonStand love it, and use it together with Gulp and Bourbon.
- Bourbon - Bourbon is a lightweight Sass mixin library and powerful grid system.
- LemonSync - Our open source command line tool make it easy to develop LemonStand stores in your local theme environment.
- Bootstrap - Bootstrap is arguably the world’s most popular HTML, CSS, and JS framework for developing mobile-first projects.
- Foundation by ZURB - Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails.
- Basecamp - Basecamp is a reliable project management and collaboration tool used by over 100,000 businesses.
- 10,000ft Plans - 10,000ft Plans is simple, collaborative software that improves the way you allocate resources, plan your project portfolio, and uncover insightful business data.
- Teamwork Projects - Collaborate with your team and clients using this easy to use project management tool.
- ProofHub - ProofHub is an all-in-one project management platform. With task management, time tracking, gantt charts, chat and much more, ProofHub is a great way to consolidate tools and processes into one place.
- Trello - Trello is team collaboration tool that lets you organize anything and everything to keep your projects on task.
- Workamajig - Workamajig was designed specifically for creative teams, and can tailor a plan to your agency.
- Wrike - Wrike combines all the core features of enterprise social collaboration software, project management applications, and task management tools to create one seamless experience.
- SumoMe - SumoMe is a suite of tools that help you grow and convert your web traffic. Those social sharing buttons to the left of the page? That’s SumoMe.
- OptinMonster - Convert web traffic with OptinMonster, an easy to use lead generation tool that powers exit-intent popups and other lead capture forms.
- Unbounce - Unbounce allows you to build and optimize beautiful high-converting landing pages to generate more leads.
- HubSpot - If your agency is starting to grow and you’re looking for a more serious lead generation platform, HubSpot might be for you. With content marketing, email marketing, and sales all under one roof, it’s a scalable platform that has everything you need to take your agency to the next level.
- Platform Partner Programs - I’ve linked to the LemonStand Agency Partner Program, and I encourage you to sign up if you build awesome eCommerce sites, but also reach out to any of the vendors you work with to learn more about their partner programs. They can be excellent source of new leads.
- Qwilr - This easy to use tool lets you produce beautiful proposals in minutes.
- Proposify - Proposify lets you create beautiful and effective proposals, streamline your sales process, and get faster client sign-off with online signatures.
- Nusii - With professional proposal templates, notification system, proposal tracking, and online signing, Nusii is a great tool for any creative business.
- Quote Roller - Quote Roller by Panda Doc is designed for sales teams but its also a solid option for web design agencies.
- Bidsketch - Bidsketch makes creating a new proposals a snap so you can focus on your design work, and not spending hours drafting a client proposal.
- UpLabs Chat - UpLabs Chat is a Slack community of over 3,500 web design and development professionals.
- DesignersTalk - Check out DesignersTalk to connect with other designers and talk about everything from design trends to the latest Walking Dead episode.
- The SitePoint Forums - The SitePoint Forums is one of the best places to ask questions and get answers to even the most technical questions.
- r/web_design - Hate it or love it, Reddit is an immense community that’s not going away. The web_design subreddit has over 160,000 members and easily makes our list of the best resources for web designers.
- Designer Hangout - Designer Hangout is a thriving Slack community of over 7,500 UX designers.
- 20 Slack Communities for Designers and Developers - Here’s our roundup of the 20 best Slack communities for designers and developers, which features Designer Hangout and 19 other design oriented groups.
- CSS Guide - The ultimate guide to Learning CSS
- FreeCodeCamp - Learn Web Deverlopment at your own pace with practical guides and examples.
- Tuts+ - Find videos and online courses to help you learn skills like code, photography, web design and much more.
- Gymnasium - Gymnasium offers free online courses designed to teach creative professionals in-demand skills, such as creating a Drupal 8 theme, and advanced rapid prototying with Axure.
- Bento - Bento is focused on development and offers a free full stack web development curriculum by top engineers.
- Python Tutor - Awesome for visualizing how your python script is using the stack.
- Code Avengers - Code Avengers teaches you how to code games, apps and websites with fun and effective interactive games.
- Design for Startup - Work at a startup? You’re going to want to bookmark this curated list of useful articles, tools and resources about startup design for designers, developers and non-designer startup founders.
- SitePoint - Get access to thousands of high-quality screencasts and books with SitePoint Premium and become a better web developer.
- Lynda.com - Lynda.com offers an impressive range of online courses for designers and developers.
- Code Academy - Join over 25 million other learners and learn to code for free with Code Academy.
- The Best eCommerce Web Design Books: A Master List - Our master list of 61 of the best eCommerce web design books.
- AngelList - If you want to join a startup, check out AngelList.
- Smashing Jobs - Find jobs anywhere in the world with Smashing Jobs, the job board from Smashing Magazine.
- Stack Overflow - If you’re a developer and looking for a new gig, check out the job board on Stack Overflow.
- Awwwards Directory - If you want to grow your agency or freelance business, post a profile to the Awwwards Directory.
- Crew - Take your freelance business to the next level with Crew.
- AwesomeWeb - Work less and earn more with AwesomeWeb, a reliable source of freelancing work that doesn’t take as much of a cut as some of the other freelancer marketplaces.
- 99designs - Submit a profile to 99designs to start getting consistent freelance gigs.
- Envato Studio - If you work with Envato Studio, this is an excellent source of income. The above link is for web dev, for graphic design go here.
- Authentic Jobs - Authentic Jobs is one of the leading job boards for designers, hackers, and creative pros.
Source(s):
- https://blog.lemonstand.com/101-best-resources-for-web-designers/
- Redditors in this thread.
I intend to keep this an active list, please post your suggestions/corrections/updates in comments below.