Thread by @jesss_codes, Productive Tools For Web DevelopmentA Thread Color 1. Colordot (https://color.hailpixel.com/#3CB46E )2. uiGradients [...]

Productive Tools

For Web Development

A Thread

Color

1. Colordot ( https://color.hailpixel.com/#3CB46E )
2. uiGradients ( https://uigradients.com/#Wiretap )
3. Stylify Me ( http://stylifyme.com/ )
4. Colors and Fonts( https://www.colorsandfonts.com/ )

Colors and Fonts || Curated library of colors, fonts and resources for Web Developers & Digital...

Colorsandfonts.com - Curated library of colors, fonts and resources for Web Developers & Digital Designers

https://color.hailpixel.com/#3CB46E

Fonts

FontSpark | Discover Better Fonts
( https://fontspark.app/ )

FontSpark | Discover Better Fonts

Helping designers discover the perfect font for their next design project.

https://fontspark.app/

Icon

Noun Project
( https://thenounproject.com/ )

CSS

CSS Grid: Style Guide

( https://codepen.io/oliviale/full/GbmyYx)

CSS Grid: Style Guide II

The "molecules" of a design system, following the principle of Brad Frost's Atomic Design....

https://codepen.io/oliviale/full/GbmyYx

Logo

Logaster logo maker

( https://www.logaster.com/logo/?t=EBookStore)

Animation

1. Animate
( https://www.colorsandfonts.com/ )

2.CSSeffectsSnippets
( https://emilkowalski.github.io/css-effects-snippets/)

3. Animatopy
( https://sarthology.github.io/Animatopy/ )

4. Collect UI
( http://collectui.com/challenges/sign-up)

5. Steam inspired game card hover effect
( https://codepen.io/andrewhawkes/full/RwwOJrO)

Steam inspired game card hover effect

So I noticed the new library view on Steam has some cool game hover effects. So I thought I'd try create something similar in CSS....

https://www.colorsandfonts.com/

6. UnDraw
( https://undraw.co/illustrations )

7. Animista
( https://animista.net/ )

8.Vivify - CSS Animation Library
( http://vivify.mkcreative.cz/ )

9.CSS Animation Library for Developers and Ninjas
( http://cssanimation.io )

10.Magic Animations CSS3
( https://www.minimamente.com/project/magic/ )

Magic CSS animations

Magic CSS are a set of simple animations to include in your web or app project's

https://undraw.co/illustrations

AWS

The good part of AWS

( https://gumroad.com/a/552604787/MsVlG)

The Good Parts of AWS

This is not your typical reference book. It doesn't cover all of AWS or all its quirks. Instead, we want to help you realize which AWS features you’d be foolish not to use. Features for which you a...

https://gumroad.com/a/552604787/MsVlG

Freelancing

Zero to Sold: How to Start, Run, and Sell a Bootstrapped Business
( https://gumroad.com/a/33559667/irsgh)

Zero to Sold: How to Start, Run, and Sell a Bootstrapped Business

Zero to Sold recounts the story of FeedbackPanda, a bootstrapped Software-as-a-Service business that I co-founded and grew from zero to $55,000 Monthly Recurring Revenue in under two years — and th...

https://gumroad.com/a/33559667/irsgh

Avatars

Avataaars
( http://avataaars.com )

Avataaars — Avatar Illustrations Sketch Library

Create avatar illustrations in Sketch App with this free library. Mix & match clothing, hair, emotions, and all kinds of cool stuff.

http://avataaars.com

Twitter Growth

The Art of Twitter: A Guide To Building Your Twitter Account

( https://gumroad.com/a/332403827/XFFpt)

The Art of Twitter: A Guide To Building Your Twitter Account

Do you want to start an online business that makes you money as you sleep?I started my Twitter journey on 18th May, 2018 because I needed a platform to promote my blog. Today, I have over 200,000 f...

https://gumroad.com/a/332403827/XFFpt

Images

1. Unsplash
( https://unsplash.com/ )

2. Burst
( https://burst.shopify.com/ )

3. Pexels
( https://www.pexels.com/ )

4. Pixabay
( https://pixabay.com/ )

5. Free Images
( https://www.freeimages.com/ )

6. Kaboompics
( https://kaboompics.com/ )

Free stock photos - Kaboompics

Find the best free stock images. Download all images and use them in your projects.

https://unsplash.com/

Thank you for reading

Latest Threads Unrolled: