Frontend>Learning Resources

Flexbox Froggy and CSS Grid Garden

chaptuck

chaptuck

Flexbox Froggy and CSS Grid Garden

A fun/silly website I used to learn Flexbox is https://flexboxfroggy.com/. It is surprisingly helpful for learning all the pieces of flexbox and what they do.

For learning Grid https://cssgridgarden.com/ is by the same person.

1 comment
#css#flexbox
6 1854 1

Most Liked

AstonJ

AstonJ

Nice find @chaptuck! Moved to a dedicated thread :003:

2
Post #2

Where Next?

View thread on forum
css
flexbox
Home Frontend>Learning Resources
#css#flexbox
6 1854 1
Last post

Popular Frontend topics Top

PragmaticBookshelf
Frontend>Learning Resources

Programming Elm
The Elm language offers safer applications and fewer errors that come with functional programming, while being type-safe and easy to use....
pragprog.com
#pragprog#web-development#published-book/book-programming-elm/elm
3 3150 0
New
PragmaticBookshelf
Frontend>Learning Resources

Test-Driven React
You work in a loop: write code, get feedback, iterate. The faster you get feedback, the faster you can learn and become a more effective ...
pragprog.com
#pragprog#web-development#published-book/book-test-driven-react
2 3522 0
New
PragmaticBookshelf
Frontend>Learning Resources

Rediscovering JavaScript
JavaScript is no longer to be feared or loathed—the world’s most popular and ubiquitous language has evolved into a respectable language....
pragprog.com
#pragprog#web-development#published-book/book-rediscovering-javascript/js
4 3493 1
New
PragmaticBookshelf
Frontend>Learning Resources

Web Development Recipes 2nd Edition
Web development is constantly changing, and you need to stay on top of your game. Discover a wide spectrum of web development techniques ...
pragprog.com
#pragprog#web-development#published-book/book-web-development-recipes-2nd-edition/js
2 3114 0
New
CommunityNews
Frontend>Learning Resources

Free JavaScript for beginners videos from Microsoft
Microsoft’s Introduction to JavaScript video series will equip users with the basic skills to start building apps with the popular progra...
techrepublic.com
#video#microsoft/js
3 1671 1
New
PragmaticBookshelf
Frontend>Learning Resources

Modern CSS with Tailwind
Tailwind CSS is an exciting new CSS framework that allows you to design your site by composing simple utility classes to create complex e...
pragprog.com
#pragprog/tailwind#published-book/book-modern-css-with-tailwind
12 5813 4
New
ManningBooks
Frontend>Learning Resources

Blazor in Action
Blazor in Action is a practical guide to building stunning UIs and client-side applications using C# and .NET. Written to the most recent...
manning.com
#manning#microsoft#meap
4 1073 0
New
ManningBooks
Frontend>Learning Resources

JavaScript in Depth
Written by core Node.js and TC-39 committee contributor James M. Snell, JavaScript in Depth teaches you what’s really happening when Java...
manning.com
#published-book
0 200 0
New
ManningBooks
Frontend>Learning Resources

Vanilla Web
Vanilla Web is your guide to building serious web applications using the tools built right into the browser. You’ll learn to use “plain v...
manning.com
#css#manning#published-book/html/js#vanilla-web#vanilla
0 1 0
New
ManningBooks
Frontend>Learning Resources

Python Workout, Second Edition
Erlang and OTP in Action teaches you the concepts of concurrent programming and the use of Erlang’s message-passing model. It walks you t...
manning.com
#manning/python#published-book#programming
0 0 0
New

Other popular topics Top

PragmaticBookshelf
Backend>Learning Resources

Seven Languages in Seven Weeks
Ruby, Io, Prolog, Scala, Erlang, Clojure, Haskell. With Seven Languages in Seven Weeks, by Bruce A. Tate, you’ll go beyond the syntax—and...
pragprog.com
#pragprog/clojure/erlang/haskell/prolog/ruby/scala#published-book/book-seven-languages-in-seven-weeks
5 5730 1
New
ohm
Science/Tech>Tech Chat

Games! Which do you play?
Which, if any, games do you play? On what platform? I just bought (and completed) Minecraft Dungeons for my Nintendo Switch. Other than ...
#games
246 6097 101
New
AstonJ
General Dev>Hardware

Custom keyboard keycaps
There’s a whole world of custom keycaps out there that I didn’t know existed! Check out all of our Keycaps threads here: https://forum....
#hardware/keyboards#keycaps#mechanical-keyboards
15 11086 19
New
PragmaticBookshelf
Backend>Learning Resources

Programming Phoenix LiveView
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
pragprog.com
#pragprog/elixir/phoenix#published-book/book-programming-phoenix-liveview
83 11955 26
New
PragmaticBookshelf
Backend>Learning Resources

Python Testing with pytest, Second Edition
Create efficient, elegant software tests in pytest, Python's most powerful testing framework. Brian Okken @brianokken Edited by Kat...
pragprog.com
#pragprog/python#published-book/book-python-testing-with-pytest-second-edition
16 7461 4
New
First poster: AstonJ
General Dev>In The News

Jan: An open source alternative to ChatGPT that runs on the desktop
Jan | Rethink the Computer. Jan turns your computer into an AI machine by running LLMs locally on your computer. It’s a privacy-focus, l...
jan.ai
#desktop#chatgpt
4 5652 4
New
PragmaticBookshelf
Backend>Learning Resources

Engineering Elixir Applications
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
pragprog.com
#pragprog/elixir#published-book/book-engineering-elixir-applications
40 7136 21
New
sir.laksmana_wenk
Game Dev>Questions

I want to learn how make a game, but where should I start?
I’m able to do the “artistic” part of game-development; character designing/modeling, music, environment modeling, etc. However, I don’t...
#game-dev
15 4965 9
New
AstonJ
AI>Chat

How to: Run DeepSeek on Mac, Windows, and Linux!
This is a very quick guide, you just need to: Download LM Studio: https://lmstudio.ai/ Click on search Type DeepSeek, then select the o...
#macs/deepseek#guides#lm-studio
14 9328 10
New
mindriot
General Dev>Reviews

Keyboard Review: UHK60V2 vs Defy vs Voyager vs Glove80 vs Svalboard
Ok, well here are some thoughts and opinions on some of the ergonomic keyboards I have, I guess like mini review of each that I use enoug...
/keyboards#uhk60v2#defy#voyager#glove80#svalboard
5 5681 7
New
Back to top

Sponsor Spotlight

WyewWorks

Enabling companies to succeed by building software people love.

Frontend>Learning Resources

Frontend Learning Resources ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap