Amit Profile picture
Jun 16 โ€ข 10 tweets โ€ข 3 min read
Learn CSS With Fun By Playing Games ๐ŸŽฎ

A thread ๐Ÿงตโ†“
Just a heads up, I'll be putting all of the links ๐Ÿ”— with spaces between them so Twitter doesn't remove them.
โ’ˆ Hex Invaders

Shoot aliens with the same color and learn about HEX colors!

Link โ†“
http:// www.hexinvaders .com/
โ’‰ CSS Diner

A fun one to learn about CSS selectors. In this game, we have to arrange dishes.

Link โ†“
https:// flukeout.github .io/
โ’Š Flexbox Froggy

Master CSS Flexbox in a very fun way.

Link โ†“
http:// flexboxfroggy .com/
โ’‹ Flexbox Zombie

Again a great game to learn flexbox by attacking all the zombies.

Link โ†“
https:// mastery .games/post/flexboxzombies2/
โ’Œ Grid Garden

Learn CSS grid by growing carrots in your garden.

Link โ†“
https:// cssgridgarden .com/
BONUS โ†“

โ’ CSS Game

This game is just for fun!

It is created using HTML and CSS only.

Link โ†“
http:// victordarras .fr/cssgame/
Summary โ†“

โ’ˆ Hex Invaders
โ’‰ CSS Diner
โ’Š Flexbox Froggy
โ’‹ Flexbox Zombie
โ’Œ Grid Garden
โ’ CSS Game
That's all, thanks for reading!

If you found it useful, please follow me @Amit_T18 for more information like this and retweet the first tweet. :D
Means a lot! ๐Ÿ’™

โ€ข โ€ข โ€ข

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

Keep Current with Amit

Amit 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 @Amit_T18

Jun 14
FREE UI Resources For Your Next Project ๐Ÿ–ผ๏ธ

A thread ๐Ÿงตโ†“
Just a heads up, I'll be putting all of the links ๐Ÿ”— with spaces between them so Twitter doesn't remove them.
โ’ˆ UI Store Design

Provides awesome 600+ handpicked UI kits for real-life projects.

Link โ†“
https:// www.uistore. design/
Read 11 tweets
Jun 13
5 APIs Every Learner Should Try Making Projects With!

A thread ๐Ÿงตโ†“
Table of Contents โ†“

โ’ˆ Recipes
โ’‰ Weather
โ’Š Jokes/Quotes Generator
โ’‹ Movies Center
โ’Œ Search
Just a heads up, I'll be putting all of the links ๐Ÿ”— with spaces between them so Twitter doesn't remove them :(
Read 11 tweets
Jun 8
BEST HTML & CSS Template Providers For Developers! ๐Ÿ†“

A thread ๐Ÿงตโ†“
Just a heads up, I'll be putting all of the links ๐Ÿ”— with spaces between them so Twitter doesn't remove the tweet.
โ’ˆ Gray Grids

Provides the most comprehensive collection of free HTML website templates and Bootstrap themes for business, landing pages, administrative dashboards, and portfolio websites.

Link โ†“
https:// graygrids .com/
Read 12 tweets
Jun 7
8 Tips To Improve Logical Thinking! ๐Ÿš€

A thread ๐Ÿงตโ†“
Table of Content โ†“

โ’ˆ Basic Concepts
โ’‰ Pen & Paper Style
โ’Š Code Daily
โ’‹ Keep Puzzling Your Brain
โ’Œ Read Others' Solution
โ’ Have Patience
โ’Ž Learn In Public
โ’ˆ Basic Concepts

Don't ever skip basic concepts!!!
They may appear simple at first, but they are the only things that will keep you waiting.

Reading articles, blogs, documentation, and videos can help you develop theoretical knowledge and concepts.
Read 10 tweets
Jun 6
HTML Input Types ๐Ÿš€ HTML Input Types
Summary โ†“

โ€ข <input type="text">
โ€ข <input type="tel">
โ€ข <input type="number">
โ€ข <input type="email">
โ€ข <input type="password">
โ€ข <input type="search">
โ€ข <input type="url">
โ€ข <input type="range">
โ€ข <input type="file">
โ€ข <input type="checkbox">
โ€ข <input type="radio">
โ€ข <input type="hidden">
โ€ข <input type="datetime-local">
โ€ข <input type="time">
โ€ข <input type="date">
โ€ข <input type="week">
โ€ข <input type="month">
โ€ข <input type="color">
โ€ข <input type="submit">
โ€ข <input type="reset">
โ€ข <input type="button">
โ€ข <input type="image">
Read 5 tweets
Jun 4
FREE Sites To Get Amazing Illustrations For Your Next Project.

A thread ๐Ÿงตโ†“
โ’ˆ Blush

Create and customize stunning illustrations with collections made by artists across the globe easily.

It also has support for Figma.

Link โ†“
https:// blush .design/ Image
โ’‰ Illustratious

This site offers high-quality illustrations and Lottie files.

Many of them are for free, but some are paid.

Link โ†“
https:// illustratious .com/ Image
Read 11 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

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(