Best CSS Generators For Web Developers πŸ”₯πŸ”₯

🧡 THREAD πŸ§΅πŸ‘‡

#100DaysOfCode #Python #javascript #DataScience #CSS3 #Website #WomenWhoCode
πŸ”Ά CSS3 Generator -

CSS3 Generator is a more traditional example of code snippets you might need in everyday situations. The CSS3 Generator webapp has over 10 different code generators .

Visit πŸ‘‡

css3generator.com
πŸ”Ά ColorZilla Gradients -

It's completely free and has a visual editor like Photoshop to generate the gradient codes.

Visit πŸ‘‡

colorzilla.com/gradient-edito…
πŸ”Ά CSS Type Set -

CSS Type Set is the site to use. You enter some text & update the settings for font-family,size,Color, letter-spacing e.t.c

Visit πŸ‘‡

csstypeset.com
πŸ”Ά Enjoy CSS -

Enjoy CSS is like a code generator & a visual editor rolled into one. You create page elements & input fields.

Visit πŸ‘‡

enjoycss.com
πŸ”Ά Flexy Boxes -

If you're struggling to understand the basics of Flexbox, then you might try using Flexy Boxes.

Visit πŸ‘‡

the-echoplex.net/flexyboxes/
πŸ”Ά CSS Matic -

CSS Matic is another multi-generator Website with four individual sections -
box shadow, border radii, noise textures & CSS Gradients.

Visit πŸ‘‡

cssmatic.com
πŸ”Ά Patternify -

Patternify is a free CSS pattern generator with a complete visual editor.

Visit πŸ‘‡

patternify.com
πŸ”Ά Glassmorphism -

Glassmorphism is a unified name for the popular frosted glass aesthetic.
Create amazing Glassmorphism effects using this website.

Visit πŸ‘‡

glassmorphism.com

β€’ β€’ β€’

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

Keep Current with Coding Master

Coding Master Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

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

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @CodingMaster6

4 May
45 Free Tools & Resources You're Gonna Love -

🧡 BIG THREAD 🧡 πŸ‘‡

#javascript #webdevelopment #webdesign #programmers #WomenWhoCode
1. Tabler Icons -

Free and open-source icons designed with attention to detail to make your design stand out.

Visit πŸ‘‡
Β tablericons.com
2. Remove bg -

Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.

Visit πŸ‘‡
Β remove.bg
Read 25 tweets
4 May
Ultimate List of Free Web Development Resources -

🧡 MEGA THREAD 🧡 πŸ‘‡

#100DaysOfCode #javascript #Python3 #programmer #CSS3 #webdevelopment #html #WomenWhoCode
Topics Covered πŸ‘‡

πŸ”ΉOnline Learning Platforms
πŸ”Ή Free Code Snippets
πŸ”Ή Documents
πŸ”Ή Learn By Playing Games
πŸ”Ή Icons
πŸ”Ή Illustrations
πŸ”Ή Free Web Hosting
πŸ”Ή YouTube Channel

Let's Start πŸ”₯πŸ”₯
πŸ”Ά Online Leaning Platforms

πŸ”Ή Free Code Camp -
freecodecamp.org

πŸ”Ή Udemy -
udemy.com

πŸ”Ή Treehouse -
teamtreehouse.com

πŸ”Ή Udacity -
udacity.com

πŸ”Ή Cousera -
coursera.org

πŸ”Ή Sololearn -
sololearn.com
Read 18 tweets
3 May
GitHub Repositories to improve your Programming Skills -

🧡 THREAD πŸ§΅πŸ‘‡

#github #development #Coding #programming #100DaysOfCode #javascript #WomenWhoCode
1. Free Programming Books -

Freely available programming books

167k ⭐

Repo:Β github.com/EbookFoundatio…
2. Awesome-

Awesome lists about all kinds of interesting topics

148k ⭐

Repo:Β github.com/sindresorhus/a…
Read 12 tweets
3 May
FullStack Development Complete Roadmap -

🧡 THREAD πŸ§΅πŸ‘‡

#100DaysOfCode #fullstack #webdevelopment #coding #programming
πŸ”Ά START FROM FRONTEND

πŸ”ΉHTML
- Semantic HTML
- Forms & Validations

πŸ”Ή CSS
- Flexbox, Grid
- Layouts
- Responsive Design
- Floats, Box Model, Display, Position
- Media Queries, Animation, Transform
πŸ”Ή JavaScript
- Basic Syntax
- Arrays, Functions, Events
- DOM Manipulation
- ES6 JS
- Fetching APIs
- AJAX/JSON

!! BASIC COMPLETED !!
Read 10 tweets
2 May
50 Great Websites For Web Developers -

🧡 BIG THREAD πŸ§΅πŸ‘‡

#100DaysOfCode #webdeveloper #webdevelopment #Coding #WomenWhoCode #javascript #css3
1. Hidden Tools -
hiddentools.dev

2. Music For Programming -
musicforprogramming.net

3. Programming Language Convertor -
ide.onelang.io

4. HTTP Cat -
http.cat

5. Iconscout -
iconscout.com
6. CSS Zen Garden -
csszengarden.com

7. A List Apart -
alistapart.com

8. Code Project -
codeproject.com

9. Scotch -
scotch.io

10. TutsPlus -
tutsplus.com
Read 12 tweets
24 Apr
50 Free CSS Resources For Web Developers ( PART - 1 )

πŸ“’ A BIG THREAD πŸ“’

#CSS3 #webdevelopers #100DaysOfCode #coding #DEVCommunity #WomenWhoCode #stackoverflow #programmer #Frontend
πŸ”Ή Colors

1. Color Hunt
colorhunt.co

2. Coolors
coolors.co

3. HTML color codes
htmlcolorcodes.com

4. UI Gradients
uigradients.com
5. Gradient generator
cssgradient.io

6. Encycolorpedia
encycolorpedia.com

7. WebFx
webfx.com/web-design/col…

8. Radial Gradient
css-gradient.com

9. COLORS
clrs.cc

10. Flat UI colors 2
flatuicolors.com
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!