resources for building beautiful websites

IDEs

WebStorm

Use the full power of the modern JavaScript ecosystem – WebStorm’s got you covered! Enjoy the intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and the most popular frameworks.

Brackets

A modern, open source text editor that understands web design.

Atom

Atom is a text editor that’s modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.

FONTS AND TYPOGRAPHY TOOLS

Google Fonts

The #1 resource for free and easy-to-use webfonts. Has a huge library of fonts.

Fontsquirrel

The best, 100% free fonts for commercial use. Another well-known huge font library.

The 100 best free fonts by CB

List of free fonts, from vintage-inspired typefaces to slab serifs, for a range of projects.

Myanmar Unicode Fonts

Collection of Myanmar Unicode Fonts with sample text.

A Pocket Guide to Typography

Amazing resource to learn about typography. Learn typography basics in less than 30 minutes.

Great Color and Tools

Flat UI Colors

 

A good starting point for choosing a flat design color for your next project

Material Palette

 

Another great set of colors, inspired in material design. Generate and download your palette.

Colorhunt Palettes

 

Don't know what colors to use for your website? Colorhunt helps you with beautiful color palettes.

LOL Colors Palettes

 

Curated color palettes inspiration. Another source for great color palettes.

UI Gradients

 

Collection of beautiful color gradients for you to choose from and export to your project.

Grabient

 

Favourite Gradient tools.

Adobe Color CC

 

A Color Tool developed by Adobe Inc.

0to255

 

A simple tool that helps you find variations of any color. Perfect for hovers, borders and gradients.

IMAGES AND VIDEOS

AllTheFreeStock

 

Get all the free stock Images , Videos , Icons and Mockups in one location. 

Unsplash

 

Beautiful, free photos.Gifted by the world’s most generous community of photographers.

The Stocks

 

The best royalty free stock photos from multiple resources, all in one place.

Burst

 

Browse thousands of photos that are free to use. Our stunning stock photography is free for personal & commercial use.

Glyphs.co

 

Find, use, and optimize graphics|. Glyphs is the easiest way to find, customize, and deliver graphics. 

Freely Photos

 

Get hight quality Christian stock phots and images totally free.Freely you've received,freely give.

ISO Republic

 

Free and premium stock photos for your website. Easily searchable by topic.

Pixaby

 

Over 620,000 free stock photos, vectors and art illustrations you can use anywhere.

Startup Stock Photos

 

Lots of great pictures of startup offices, people, devices and more. I love it.

Coverr

 

Best resource for beautiful and free videos for your website. 7 new videos added every monday.

Slide.ly

 

Choose a video cover for your Website or Facebook page.

Vidlery

 

Free animated backgrounds for your homepage.

Canva

 

Easily create beautiful designs with drag-and-drop features and professional layouts.

Freepik

 

Graphic resources for everyone

500px

 

Get inspired and share your best photos

BEST ICONS AND TOOLS

Ionicons

My personal favorite #1 icon font, 100% free even for commercial usage.

Font Awesome

Another highly popular icon font, consisting of 628 icons spread across several categories.

Flaticon

The largest database of free icons available in PNG, SVG, EPS and PSD. It’s even searchable.

Iconmonstr

Over 3400 free and simple icons in 246 collections, all searchable.

FIND DESIGN INSPIRATION

Dribbble

The ultimate design inspiration resource, not just for web design. The show and tell for designers.

UpLabs

UpLabs curates the best of design & development inspiration, resources and freebies.

Behance

Showcase and discover the latest work from top online portfolios by creative professionals across industries.

Land Book

Product landing page gallery. My #1 inspiration resource when I build a landing page.

One Page Love

The ultimate showcase of delicious One Page websites.

Site Inspire

A showcase of the finest web and interactive design. Currently over 4900 websites.

Call To idea

Get quick inspiration for common website elements such as forms, sliders, navigations, etc.

Media Queries

A collection of responsively designed websites for inspiration.

Code My UI

Web Design Inspiration – HTML and CSS Snippets

POPULAR BLOGS & COMMUNITIES

Stack Overflow

The biggest programmer community. Ask and find answers to HTML, CSS and JS questions.

Codrops

Another blog, writing articles and tutorials about latest web trends, techniques and new possibilities.

Web Designer Depot

The very best in web design news, views, techniques, and resources.

Front End Front

A place where front-end developers can ask questions, share links, and show their work.

Designer News

A community of people in design and tech, to discuss and share interesting things in the industry.

g

PLANNING, TESTING AND OPTIMIZATION

Optimizilla

Compress up to 20 JPEG and PNG images while keeping a good level of quality.

Real favicon Generator

Just upload an image and this tool creates favicons for your website for all platforms.

Google Mobile-Friendly Test

Test if your webpage has a mobile-friendly design, according to Google’s ranking factors.

Google PageSpeed Insights

Quick tool to test your webpage for performance on all devices.

Nibbler

Website testing tool for 10 key areas including accessibility, SEO, social media and technology.

Woorank

Get a review of your website to address issues and identify opportunities to get ahead of competition.

Google Analytics

Get free insights about traffic, visitors and conversions. A must for every website.

Website Speed Optimization Guide

An excellent guide to optimize your webpage speed. This is something many devs overlook!

Hosting and Deployment

GoDaddy

GoDaddy makes registering Domain Names fast, simple, and affordable.

Namecheap

Purchase premium and cost-effective domain names, web hosting, and much more.

Names.co.uk

Your website awaits at Name.com, a trusted registrar since 2003. Buy affordable domain names.

SiteGround

Web hosting powered by superior technology and 24/7 support you will love! Plans at 60% Off with easy website tools & geeky extras.