Resources I use for my web development projects, and for others to use.
Visual Studio Code is a free code editor redefined and optimized for building and debugging modern web and cloud applications.
Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user
CodeSandbox is an online code editor and prototyping tool that makes creating and sharing web apps faster.
You don't need to know every HTML5 element.I just use this excellent reference all the time.
The World's Largest Web Developer Site.W3schools.com.The World 's Largest Web Developer Site.
Learn HTML and CSS in 30 Days with Tuts Plus Full Course. It covers almost everything you need know to become a Web Designer.
Super useful reference, gives you HTML entitiy name, numeric code, hex code and ISO code.
A very handy printable HTML5 cheat sheet that can save you a ton of time.
As with HTML5, you don't need to know every CSS3 property.Use this reference instead.
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS to make the Awesome Web.
Another excellent CSS3 reference, this time from Codrops. Make sure to check this one out, too.
I find myself using this handy list of the 30 most important CSS selectors from Tutplus all the time.
Just-add-water CSS animations. A simple CSS library that lates you add animations with ease.
This is the Responsive Grid System, a quick, easy and flexible way to create a responsive web site.
A small tool to help you using the new and powerful clip-path property.
A tool for visually generating timing animation functions to use in CSS transitions and animations.
Check out all the new ES2015/ES6 features supported by the most popular browsers.
The #1 resource for free and easy-to-use webfonts. Has a huge library of fonts.
List of free fonts, from vintage-inspired typefaces to slab serifs, for a range of projects.
Free downloads of legally licensed fonts that are perfect for your design projects. The best place in the universe to search for amazing fonts.
A good starting point for choosing a flat design color for your next project.
Another great set of colors, inspired in material design. Generate and download your palette.
Don't know what colors to use for your website ? Colorhunt helps you with beautiful color palettes.
Collection of beautiful color gradients for you to choose from and export to your project.
Curated color palettes inspiration. Another source for great color palettes.
My #1 resource for free high-resolution photos. 10 new photos every 10 days.
Browse thousands of beautiful copyright-free images. All our pictures are free to download for personal and commercial use, no attribution required.
High quality resource of tilable textured patterns, completely free to use.
Easily create beautiful designs with drag-and-drop features and professional layouts.
The world's most popular and easiest to use icon set just got an upgrade.More icons.More styles.More Options.
IcoFont is an icon font application that contains 2100+ icons in a single font. Download the font for free or build icons bundle and download custom buildfont.</p>
Official open source SVG icon library for Bootstrap.
The largest database of free icons available in PNG, SVG, EPS and PSD. It's even searchable.
The ultimate design inspiration resource, not just for web design. The show and tell for designers.
Product landing page gallery. My #1 inspiration resource when I build a landing page.
The ultimate showcase of delicious One Page websites.
Another blog, writing articles and tutorials about latest web trends, techniques and new possibilities.
A very popular web design and development blog, writing about all things coding and designing.</p>
The biggest programmer community. Ask and find answers to HTML, CSS and JS questions.
GitHub brings together the world's largest community of developers to discover, share, and build better software.From open source projects to private team
Where programmers share ideas and help each other grow—A constructive and inclusive social network.
Check if your HTML markup is valid and contains no errors. Official W3C tool.
Check if your CSS code is valid and contains no errors. Official W3C tool.
Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!
The Responsinator is designed to test responsive websites on different device resolutions.
Quick tool to test your webpage for performance on all devices.
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.