Extensions: Color Highlight, CSS Peek, Material Theme Icons, stylelint-plus, Atom One Dark Theme, Prettier.
Prettier Shortcuts:
1. CMD + Shift + P -> Format Document
OR
1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection
Username: biankita
CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets.
Username: biankita
A HTML, CSS, JavaScript editor playground for designers & developers to compare, prototype and test frontend frameworks.
Emmet is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSL, and other structured code formats via content assist.
The main entry point for HTML reference documentation on MDN, including detailed element and attribute references.
Entities are frequently used to display reserved characters (which would otherwise be interpreted as HTML code), and invisible characters (like non-breaking spaces).
Unicode web service for character search. Find, copy and paste your favorite characters.
Unicode is an information technology standard for the consistent encoding, representation, and handling of text expressed in most of the world's writing systems.
The emoji search engine. A fast emoji search experience with options to browse every emoji by name, category, or platform.
The main entry point for CSS documentation on MDN, where you'll find detailed reference documentation for all features of the CSS language.
Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.
A visual way to understand CSS specificity. Change the selectors or paste in your own.
Excellent guide on how to write better, cleaner and more reusable CSS code.
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.
CSS cliip-path maker, 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.
An amazing collection of easing functions bo be used in CSS transitions and animations.
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
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.
A simple tool that helps you find variations of any color. Perfect for hovers, borders and gradients.
Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.
The largest database of free icons available in PNG, SVG, EPS and PSD. It's even searchable.
Another highly popular icon font, consisting of 600+ icons spread across several categories.
Best resource for beautiful and free videos for your website. 7 new videos added every monday.
Great overview of the web design process: from project brief to launching the final version.
The ultimate design inspiration resource, not just for web design. The show and tell for designers.
Daily UI is a series of daily design challenges design inspiration and neat surprise rewards.
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
Username: biankita
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.
Smart Interface Design Patterns In Your Pocket, a deck of 100 cards with questions to ask when designing and building any interface component — carousel, hamburger, table, date picker, autocomplete, slider, onboarding, pricing plans, authentication, web forms and many others.
Test if your webpage has a mobile-friendly design, according to Google's ranking factors.
An excellent guide to optimize your webpage speed. This is something many devs overlook!
Catch common usability problems of your website before you deploy it. Very useful.
Get free insights about traffic, visitors and conversions. A must for every website.
Jona's resources for building beautiful websites with HTML, CS and JavaScript.
This document includes a list of all changes made to The Web Developer Bootcamp, starting with its relaunch.
In the 1970s, a Stanford graduate student named Rich Pattis decided that it would be easier to teach the fundamentals of programming if students could somehow learn the basic ideas in a simple environment free from the complexities that characterize most programming languages.
