Tools that I often use. This saves time.
I've switched from Atom. VS Studio IDE is also good.
My VS code setting JSON file.
Test out some codes.
Emmet plug-ins for HTML, XML, XSL, and other structured code formats.
MDN is one of the most reliable source for me.
CSS-Tricks is another reliable source.
Cheat Sheet for HTML Tags.
MDN reference for CSS.
List of CSS selectors.
Up-to-date browser support check for frontend technologies.
To create a responsive web site.
Flexbox grid system cheat sheet.
CSS Grid system cheat sheet.
Visually generating cubic-bezier calculator.
Easing functions calculator.
Color-hex gives information about colors (RGB,HSL,HSV and CMYK).
Get keyboard codes, unicodes.
It has all the new ES2015/ES6 features.
Style guide to write better code organized by open sources.
Web application for testing and comparing typefaces.
Beautiful color palettes.
Good set of colors inspired in material design.
Create color combinations that play well together.
Collection of colors themes by name brands.
Variations of any color.
Free high-resolution photos.
Free stock photos, vectors and art illustrations.
High quality resource of tilable textured patterns.
Create designs with drag-and-drop features and layouts.
Resize, compress and optimize image files.
Convert icon fonts to SVG icons and sprites.
Create a customized icon font.
Free icons available in PNG, SVG, EPS and PSD.
Popular icon font,icons spread across several categories.
Premium icon set with a lots of icons in any size and format.
Good design inspiration resource, not just for web design.
The ultimate showcase of delicious One Page websites.
A showcase of the finest web and interactive design.
A collection of responsively designed websites for inspiration.
Get quick inspiration for common website elements such as forms, sliders, navigations, etc.
I think it's largest programmer community.
Web design news, views, techniques, and resources.
Front-end focused community where developers can ask questions, share links, and show works.
Curated articles for designers and front-end developers.
A community for people in design and tech, to discuss and share interesting things in the industry.
Catch common usability problems for the website before deploy it.
Overview of the web design process. Project brief to launching.
Compress up to 20 JPEG and PNG images while keeping a good level of quality.
Website testing tool for key areas including accessibility, SEO, social media and technology.
An excellent guide to optimize your webpage speed.
A tool for developing responsive websites. Let you be able to see multiple devices at once.
Testing webpages for mobile-friendly design, according to Google's ranking factors.
Quick tool to test your webpage for performance on all devices.
Get free insights about traffic, visitors and conversions. A must for every website.