1. Unsplash


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


2. Iconify


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.

Create Heroku account

Go to login page and create new account.

Creating Heroku application

On the dashboard press New > Create new app

Top 5: Best UI Framework React Libraries
Top 5: Best UI Framework React Libraries
Photo by Filiberto Santillán on Unsplash


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.

Basic Tags

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.

Discoverable Content

Learn how to structure your HTML in a way that provides a rich experience when sharing it online…

1. Better comments

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:

2. Code Runner

Jun Han developed another useful extension called Code Runner. I often find myself needing to try out a few lines of C# or JavaScript code. Rather than starting LINQPad for C# or Chrome dev tools for JavaScript, Code Runner can execute one…

1. Prettier

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.

2. TODO Highlight

Highlight TODO, 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.

1. Snazzymaps

Snazzy Maps is a repository of different styles for Google Maps aimed towards web designers and developers.

2. Bundlephobia

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?).

Anton Goldobin

Lodash is a JavaScript library which provides utility functions for common programming tasks. It uses the functional programming paradigm. Lodash was inspired by Underscore.js.

Lodash helps programmers write more concise and easier to maintain JavaScript code. Lodash contains tools to simplify programming with strings, numbers, arrays, functions, and objects.

By convention, Lodash module is mapped to the underscore character.

1. Remove selected values

_.pull(array, [values])

Removes all given values from array

var array = ['a', 'b', 'c', 'a', 'b', 'c'];
_.pull(array, 'a', 'c');console.log(array);// => ['b', 'b']

2. Get random number

_.random([lower=0], [upper=1], [floating])

Produces a random number between the inclusive lower and upper

Goldobin Anton

UI/UX Designer, Frontend Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store