Tweet

Saurav Purohit

Follow @SauravPurohit4

13 Oct, 10 tweets, 3 min read

Some awesome websites for web developers out there.

A THREAD 👇🧵

🔹CSS-Challenges

Challenge yourself, improve your CSS skills and learn a new trick each day here.

css-challenges.com

🔹Open-Doodles

A Free Set of Open-Source Illustrations.

opendoodles.com

🔹ColorInspo

Thousands of beautiful color palettes you can use it directly by one click.

colorsinspo.com

🔹CSS Shake

Easy-to-use classes that will add different kind of shake to each part of your site.

🔗 elrumordelaluz.github.io/csshake/

🔹Lorem Ipsum Generator

Provides an elegant and quick way to create default text or generate Lorem Ipsum.

chrome.google.com/webstore/detai…

🔹Colorpicker

Colorpicker is a clean, easy to use, yet efficient desktop application for color management.

🔗 google.com/url?sa=t&sourc…

🔹Saas Pages

A collection of the best landing pages with a focus on copywriting and design.

saaspages.xyz

🔹Pesticide

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

chrome.google.com/webstore/detai…

@SauravPurohit4

That's all for this thread. If you found this thread useful, please consider:

💛 Liking these tweets
🔁 Retweet the first tweet so others can see it.
👤 Following me ( @SauravPurohit4 ) for more content.

Thanks for reading. 🙏

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @SauravPurohit4

Saurav Purohit

@SauravPurohit4

16 Oct

As a Front End developer, having a bank of UI illustrations can be a huge asse.

Here are 10 websites where you can find them.

A THREAD 👇🧵

🔹Undraw

Get Open-source illustrations for any idea.

undraw.co

🔹Draw Kit

Hand-drawn vector illustration and icon resources, perfect for your next project.

drawkit.com

Read 12 tweets

Saurav Purohit

@SauravPurohit4

14 Oct

As a Front End developer, having a bank of the best website design inspirations has proven a huge asset to you.

Here are 10 websites where you can find the best designs.

A THREAD 👇🧵

🔹Dribbble

Get inspired from best designs here.

🔗 dribbble.com

🔹Awwwards

Get inspired from the award winning websites.

awwwards.com

Read 12 tweets

Saurav Purohit

@SauravPurohit4

8 Oct

Starting to learn CSS ?

Here is the roadmap from very beginning to the end.

🧵👇

➡️Stage 1 : Basics

--> Adding CSS(Inline, Internal, External)
--> CSS Selectors (Classes and IDs)
--> Display property
--> Fonts and other formatting properties

➡️Stage 2 : Elements Arrangements

--> Float And Clear
--> Positioning
--> Box- Sizing

➡️Stage 3 : Layouts

--> Flexbox
--> Grids

➡️Stage 4 : Responsive

--> Text effects
--> Images and video resizing
--> Different Viewports
--> Media Queries

Read 6 tweets

Saurav Purohit

@SauravPurohit4

3 Oct

Some awesome websites for your next web development project.

A THREAD👇🧵

🔹Figside

This website let you convert your figma design into real websites.

figside.com

🔹 CSSFilters

This website help you to generate overlay effect for your images using CSS filter code.

cssfilters.co

Read 11 tweets

Saurav Purohit

@SauravPurohit4

1 Oct

As a developer, we all know how an extension can make your life easier and make you more productive.

Here I have curated 15 Chrome extensions for you.

👇🧵

1. WhatFont

WhatFont is a very useful Chrome extension for developers who need to identify fonts used on web pages.

chrome.google.com/webstore/detai…

2. JSON Viewer

JSON Viewer helps to manage JSON data into a quickly recognizable hierarchy view in a browser window.

chrome.google.com/webstore/detai…

Read 18 tweets