List of usefull resources
Some useful resources and tools for Designers and Developers.
This is a gathered collection of must-have tools and resources that helped me learn, do more and be more productive
Grade.js
A JavaScript library that produces complementary gradients generated from the top 2 dominant colours in supplied images.
check it out here!uiGradients
Beautiful colour gradients for design and code. uiGradients is a community contributed collection of beautiful multi-color gradients
Get uiGradients here!Tippy.js
Create anything from static text tooltips to complex interactive HTML popovers.
Get Tippy here!Sketch App
Create, prototype, collaborate and turn your ideas into incredible products with the definitive platform for digital design.
Get Sketch App here!SVGOMG!
SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.
Check it out!in-view.js
Get notified when a DOM element enters or exits the viewport. A small (~1.9kb gzipped), dependency-free, javascript utility for IE9+
Get the script here!AOS
Small library to animate elements on your page as you scroll. AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it's previous state and are ready to animate again if you scroll down.
Check it on Github!coolors.co
The super fast color schemes generator! Create, save and share perfect palettes in seconds!
Check out coolors.co!Bounce.js
Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations.
Give it a spin!Invision App
The digital product design platform powering the world’s best user experiences and the design collaboration tool for teams
Go to invisionapp.comBLOKK font
BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin.
Download BLOKK font hereFormspree
Connect your form to our endpoint and we’ll email you the submissions. No PHP, Javascript or sign up required — perfect for static sites!
Sign in to FormspreeUnsplash
The internet’s source of freely useable images. Powered by creators everywhere.
https://unsplash.comMake some waves!
A pretty timely tool which helps you “make svg waves” ideal for hero, banners and footer
https://getwaves.iomalvid
The right way.Generate an interactive UI to develop, preview and document web components.
Get Malvid now!colcade
Colcade is a lightweight Masonry alternative. Developed by desandro which generates a blazing fast responsive grid layout
Try colcade now!tablesort
tablesort is a small & simple sorting component for tables. Written in JavaScript and dependency free.
get tablesort now!New Old Stock
Vintage photos from the public archives. Free of known copyright restrictions. Recapturing History.
check them here!vex
vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way
get vex here!Visual Studio Code
Free Code editor Redefined. Built on open source. Runs everywhere.
Download VSCode hereHyper Terminal
Hyper is a nice looking terminal app that's built with JavaScript using React for the UI and packaged with Electron.
Get Hyper!flexible-boxes
A flexbox generator that helps you understand and generate flexbox layouts
Try it now!Generate an interactive UI to develop, preview and document web components. Malvid analyses your folder structure and turns your files into a visual UI.
Transform your plain text into static websites and blogs. No more databases, comment moderation, or pesky updates to install—just your content. Now powered with gulp
When Visual Studio Code doesn't do what you want it to, you install an extension. When you can't find an extension that does exactly what you need, you create your own!