DEV Community

Madiha Eram
Madiha Eram

Posted on • Updated on

Web dev and designer tools (Part-1)

So in this topic I've listed web developing and designing tools that you require,which I know,if we get some more so I'll be posting it in part 2,so we'll see which and what are they!

1)Time saving Web development Tools:

a)Coolors- A really nice online tools that can generate matching and suitable color schemes for your project.
Coolors
b)Getwaves-
Get waves allow you to generate waves of different colors and trying number of waves randomly.
Get waves
c)Blobmaker-
Blobmaker helps you to generate really gooey looking SVG blobs of various sizes,colors and shapes randomly.
Blobmaker
d)Screely-
This helps you to create awesome and beautiful mockups of screenshots of websites.
Screely
e)CSS Portal-
This is a home to a large range of CSS generators,tools and resources.
CSS Portal
f)Webpack-
Here all the goodness that you find in webpack
Webpack
g)Logo Crunch-
Logo crunch is a logotype maker that specializes in creating beautiful responsive graphics.
Logo Crunch

2)Tools which make everything easier for you:

a)Letsenhance.io-
It's an AI powered tool that helps to improve image quality and enhance it.
Letsenhance.io
b)Loading.io-
From complex to simple,loading.io is having huge variety of animation.
Loading.io
c)Genial.ly-
All in one tools to create infographics,stunning presentations,interactive images with cool animations.
Genial.ly
d)Gingersauce.co-
One of best tools to create wonderful Brand Books.
Ginger sauce.co
e)Panda Doc-
Panda Doc provides templates like Contracts,Forms,Proposals,quotes and Signatures for you.
Panda Doc
f)Videvo.net-
Free more than 500k stunning stock videos for you already saved to use.
Videvo.net
g)Render forest-
All in one tool to create animation videos.
Render Forest

3)6 Epic Chrome Extensions for Web developers

a)What Font-
What Font
b)ColorZilla-
ColorZilla
c)Clear Cache-
Clear Cache
d)React Dev.tools-
React Dev.tools
e)GofullPage-
GoFullPage
f)Grammarly-
Grammarly

4)5 Best Productive Tools For Web developers:

a)Responsinator-
Responsinator
b)Metatags.io-
MetaTags.io
c)WhatRuns-
WhatRuns
d)Extract CSS-
Extract CSS
e)Browser Stack-
Browser Stack
5)Top 6 websites to get free png icons:

a)Flaticon-
Flat Icon
b)Icon shock-
Icon Shock
c)PNG Tree-
PNG Tree
d)Vecteezy-
Vecteezy
e)Icons8-
Icons8
f)Icon Finder-
Icon Finder
6)Best CSS generators you need:

a)Getwaves.io
b)Neumorphism-
Neumorphism
c)Tridev-
Tridev
d)CSS button generator-
CSS Button generator
e)Glass Morphism-
Glass Morphism
f)Blob Maker

7)Useful Javascript Libraries:

a)Particles.js
It's a simple #javascript library to create moving particles as a background for Web pages.
Particles.js
b)Bideo.js
This JS library drives it simple and smooth to add a video background that looks awesome on every screen interface.
c)Choreographer Js
It's a simple library that allows you to handle #css animations as well as non-css animations.
Choreographer Js
d)Chart.js
It's an open source library that gives divergent solutions to all of that chart which demands your corresponding application.
Chartjs
e)ScrollMagic
Simple scrolling web pages can be made a UX element to surprise and engage website users.ScrollMagic JS library makes that easy to implement.
ScrollMagic

Here's the link ⬇️ to Part-2
Web developers and designers tools Part-2

Top comments (0)