Level up your CSS and JavaScript skills by playing games šŸŽ®

Thread šŸ§µ
1. CSS Diner

CSS Diner is a simple but fun way to learn CSS for beginner coders

flukeout.github.io
2. JSRobot

Control a robot to collect coins, avoid obstacles and reach the flag at the end of the level

lab.reaal.me/jsrobot
3. JSDares

Learn Javascript and create your own dares!

jsdares.com
4. Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com
5. CodinGame

A challenge-based training platform for programmers where you can play with the hottest programming topics like JavaScript

codingame.com/start
6. CSSBattle

CSS Code Golfing Game is here! Use your CSS skills to replicate targets with the smallest possible code

cssbattle.dev
7. CodeCombat

Learn JavaScript and HTML as you solve puzzles and learn to make your own coding games and websites

codecombat.com
8. Flexbox Defense

Stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

flexboxdefense.com
9. Untrusted

Untrusted is an adventure game for JavaScript developers

alexnisnevich.github.io/untrusted/
10. Screeps

A strategy sandbox MMO game with a persistent open world where you play by writing JavaScript's to control your units

screeps.com
11. Crunchzilla

Crunchzilla offers interactive tutorials that get people excited about programming. Play with code, build, and learn

crunchzilla.com
12. Flexbox Zombies

The Flexbox Zombies game teaches flexbox through a story. I played this game a lot, and it was a lot of fun to hunt zombies with the crossbow

mastery.games/flexboxzombies/
13. Elevator Saga

Elevator Saga test JavaScript knowledge with challenge, it focus on moving an elevator in most efficient manner

play.elevatorsaga.com
14. Grid Garden

A game for learning CSS grid layout

cssgridgarden.com
15. Coding Fantasy

Learn CSS, HTML and JavaScript in a more fun, fast and effective way by playing coding games!

codingfantasy.com
That's all for this thread

If you found these resources useful, retweet the first tweet ā˜ļø

Let's learn & grow together šŸ™

ā€¢ ā€¢ ā€¢

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

Keep Current with Abhishek

Abhishek 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 @designerSaha

24 Sep
10 Best CSS Generator Tools

Thread šŸ§µ
1. Keyframes

Keyframes helps you write better CSS with a suite of tools to create CSS @Keyframe animations, box shadows, colors, & more

keyframes.app
2. Flexy Boxes

Online CSS flexbox playground and code generator. Supports all existing flexbox implementations

the-echoplex.net/flexyboxes/
Read 12 tweets
22 Sep
12 Fun Games for Designers šŸŽ®

A thread šŸ§µ
1. The boolean game

A fun way to learn how to use boolean operations in Adobe Illustrator, Sketch, Figma, and other vector editors

boolean.method.ac
2. Color Matod

A color matching game by Method of Action

color.method.ac
Read 14 tweets
20 Sep
Top 15 Design Systems you need to know

Thread šŸ§µšŸ‘‡
1. Human Interface Guidelines

UI resources for designing great apps that integrate seamlessly with Apple platforms

by @Apple

developer.apple.com/design/human-iā€¦
2. Fluent Design System

Fluent is a collective approach to creating simplicity and open design system across platforms

by @MicrosoftDesign

microsoft.com/design/fluent/
Read 17 tweets
13 Sep
10 Websites for Developers and Designers

A thread šŸ§µšŸ‘‡
1. Mobile Palette Generator

Generate stunning color palettes for your next project

by @csaba_kissi

mobilepalette.colorion.co
2. CSS box-shadow

Curated collection of 91 free beautiful CSS box-shadow, ready-to-use for your next projects

by @gvrizzo

getcssscan.com/css-box-shadowā€¦
Read 12 tweets
12 Sep
12 Websites for FREE Stock Videos

Thread šŸ§µšŸ‘‡
1. Pixabay

Find the perfect free stock video footage for your next project.

āœ“ Free for commercial use
āœ“ HD & 4K video available
āœ“ No attribution required

by @pixabay

pixabay.com/videos/
2. Pexels

Pexels Videos makes it easy to find free stock footage for your website, promo video or anything else. All videos are free for personal and commercial use

by @pexels

pexels.com/videos
Read 14 tweets
3 Sep
15 UX/UI Design Inspiration Sites

A thread šŸ§µšŸ‘‡
1. Dribbble

Take inspiration from the best Designers & Creative Professionals work in the world

by @dribbble

dribbble.com
2. Behance

World's largest creative network for showcasing and discovering creative work

by @Behance

behance.net
Read 17 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!

:(