Easily convert Figma designs to HTML, CSS, React Vue, and more.
Insert beautiful images from Unsplash straight into your designs.
The Unsplash License allows images to be used freely for both commercial and personal projects.
Learn more about Unsplash at https://unsplash.com/about
Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons (more than 60 icon sets containing over 50,000 icons) to Figma document as vector shapes.
Memorize these 10 guidelines if you want to build elegant, easy to use, and human-centered user interface designs.
A website is much more than a group of pages connected by links. It’s an interface, a space where different things — in this case, a person and a company’s or individual’s web presence — meet, communicate, and affect each other. That interaction creates an experience for the visitor, and as a web designer, it’s your job to ensure that experience is as good as it can possibly be.
And the key to that is to think about your user first, foremost…
Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.
Go to login page and create new account.
On the dashboard press New > Create new app
MaterialUI is a set of React Components that Implement the Google’s Material Design Guidelines. There are 2 projects that you can look at to get started. They can be found in the examples folder. These projects are basic examples that show how to consume material-ui components in your own project. The first project uses browserify for module bundling and gulp for JS task automation, while the second project uses webpack for module bundling and building. …
Learn the basics of HTML and get comfortable with it’s syntax and main concepts.
Get familiar with the basic HTML tags
Learn how to design efficient forms, validating them effectively and keeping the user informed along the way.
Learn how to make your content search-friendly.
Learn how to structure your HTML in a way that provides a rich experience when sharing it online…
The Better Comments extension will help you create more human-friendly comments in your code.
With this extension, you will be able to categorise your annotations into:
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
Opinionated Code Formatterprettier.io
FIXME and other annotations within your code.
Sometimes you forget to review the TODOs you’ve added while coding before you publish the code to production. So I’ve been wanting an extension for a long time that highlights them and reminds me that there are notes or things not done yet.
Snazzy Maps is a repository of different styles for Google Maps aimed towards web designers and developers.
Bundlephobia will give you a look at the total size — both zipped and unzipped — along with download times, the number of required sub-dependencies it has, and whether or not it can be tree-shaked (tree-shook? tree-shaken?).