DEV Community

Madiha Eram
Madiha Eram

Posted on • Edited on

Web dev and designer tools (Part-2)

So in this topic I've listed web developing and designing tools part 2 and you can find link at last of part 1 ,so we'll see

1.Hidden websites for Web developers
a)Tabler Icons
It's a free and open source icons designed with attention to detail to make your design stand out.
Tabler Icons
b)remove bg
It removes image background 💯 automatically in 5s w/o a single click for free
Remove bg
c)Dev resources
A collaborative list of resources for developers,presented in curated categories.
Dev resources
d)Free Code Tools
Collection of free SEO and code tools
Free Code Tools
Coolors
Generate or browse beautiful color combinations for your designs.

2.Awesome CSS layout generators

a)Layout it
Layout it
b)CSS layout
CSS Layout
c)Griddy
Griddy
d)CSS Grid Layout
CSS Grid Layout

3.5 websites to become a better developer

a)Geekstatic
It's the go-to to improve your technical skills and get better at solving real life coding problems!.
Geekstatic
b)DataCamp
Targeted at Data Science,this will be the best one to master the fundamentals and get certifications!
Data Camp
c)Code Signal
Probably the most underrated,this one will have some difficult challenges that will make you use 100% of your braincells!
Code Signal
d)Rosettacode
It's a coding challenge website but that's not all ,it has challenges for nearly every coding language that exists!
e)Advent of Code
In this simple and hard problems are well explained, with a cool UI🔥
Advent of Code

4.5 JavaScript Animation Libraries

a)Ani JS
Ani Js
b)Scroll Reveal JS
Scroll Reveal JS
c)Popmotion Pure
Popmotion Pure
d)MoJS
MoJS
e)Lottie JS
Lottie JS

5.6 JavaScript libraries you might don't know about it

a)Typed.js
Typed.js
b)Tilt.js
Tilt.js
c)GSAP
GSAP
d)Scroll Magic
Scroll Magic
e)Bideo.js
Bideo.js
f)Slick
Slick

6.Best websites to find colors

a)Color Hunt
Color Hunt
b)Coolors
c)Picular
Picular
d)CSS Gradient
CSS Gradient
e)BrandColors
Brand Colors
f)Adobe Color
Adobe Color
g)UI Gradients

7.5 free SVG Shape generators for your next website

a)ssshape
ssshape

b)Blobmaker
Blobmaker

c)Softr
Softr

d)SVG wave
SVG wave

e)Haikei
Haikei

And if I know more I'll be adding in part-1 and also in part-2

Link to Part-1⬇️
Web developer and designer tools Part-1

Top comments (0)