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

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

Programming WebAssembly with Rust
WebAssembly fulfills the long-awaited promise of web technologies: fast code, type-safe at compile time, execution in the browser, on emb...
pragprog.com
#pragprog#web-development#published-book/book-programming-webassembly-with-rust
2 3723 0
New
PragmaticBookshelf
Frontend>Learning Resources

Simplifying JavaScript
Modern JavaScript is more simple, predictable, and readable than ever. Discover how to write better code with clear examples using princi...
pragprog.com
#pragprog#web-development#published-book/book-simplifying-javascript/js
3 3107 0
New
PragmaticBookshelf
Frontend>Learning Resources

React for Real
Dive right into React by defining components, the basic building blocks of a React application. Ludovico Fischer @ludofischer Edite...
pragprog.com
#pragprog#web-development#published-book/book-react-for-real
3 3259 0
New
chaptuck
Frontend>Learning Resources

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 flex...
flexboxfroggy.com
#css#flexbox
6 1854 1
New
ManningBooks
Frontend>Learning Resources

Build Python Web Apps with Streamlit
Tired of wrestling with HTML, CSS, or JavaScript just to get a simple web UI up and running? With Streamlit, you can create powerful, in...
manning.com
#manning/python#published-book#webdev#streamlit#webapps
2 592 0
New
ManningBooks
Frontend>Learning Resources

Modern C, Third Edition
In Modern C, Third Edition you’ll learn to harness C’s full potential using the latest tools and techniques. After a quick review of the ...
manning.com
#manning#published-book#coding#programming/c#c23
1 438 0
New
ManningBooks
Frontend>Learning Resources

Investing for Programmers
Investing for Programmers bridges the gap between software development and personal finance, offering programmers a clear and practical g...
manning.com
#manning/python#published-book#machine-learning#finance#investing
8 1270 4
New
ManningBooks
Frontend>Learning Resources

Effective Behavior-Driven Development
Effective Behavior-Driven Development is a guide for BDD as it works today. It captures the latest approaches, automation patterns, and t...
manning.com
#manning#published-book#automation#software-engineering#bdd#behavior-driven-development#discovery#formulation
6 377 3
New
pragdave
Frontend>Learning Resources

Debugging TypeScript Applications
New code becomes cheaper every day, but maintenance does not. Bugs are faster, subtler, and harder to catch, and dealing with them is inc...
pragprog.com
#pragprog#published-book#chrome#debugging/book-debugging-typescript-applications#language-typescript#language-javascript
2 366 1
New

Other popular topics Top

PragmaticBookshelf
Hybrid>Learning Resources

Programming Flutter
Instantly view the changes you make to an app with stateful hot reload, and define a declarative UI in the same language as the app logic...
pragprog.com
#pragprog/book-programming-flutter#published-book/flutter
11 4501 1
New
AstonJ
Science/Tech>Tech Chat

What are you watching?
Or looking forward to? :nerd_face:
#community
503 15149 280
New
Exadra37
Linux>Questions

AMD or Intel for Programming with Linux as the OS?
I am thinking in building or buy a desktop computer for programing, both professionally and on my free time, and my choice of OS is Linux...
#mobile#android#web-development#linux#desktop-computer#mobile-development
36 6006 10
New
Exadra37
Linux>Chat

RancherOS is in end of life
Oh just spent so much time on this to discover now that RancherOS is in end of life but Rancher is refusing to mark the Github repo as su...
#linux#rancheros
10 6358 6
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
AstonJ
AI>In The News

DeepSeek (671B) running on a cluster of 8 Mac Mini Pros with 64GB RAM each
This is cool! DEEPSEEK-V3 ON M4 MAC: BLAZING FAST INFERENCE ON APPLE SILICON We just witnessed something incredible: the largest open-s...
#ai#macs/deepseek
0 6695 1
New
AstonJ
AI>Chat

Post your DeepSeek results
Curious what kind of results others are getting, I think actually prefer the 7B model to the 32B model, not only is it faster but the qua...
/deepseek
15 4275 15
New
RobertRichards
Game Dev>Chat

Hair Salon Games for Girls Fun
Hair Salon Games for Girls Fun Girls Hair Saloon game is mainly developed for kids. This game allows users to select virtual avatars to ...
#ios#android#unity#fun
2 3556 1
New
PragmaticBookshelf
Backend>Learning Resources

Risk-First Software Development, Second Edition
As digital systems increasingly run the world, mastery of the recurring patterns of software development risk is the key to fast and effe...
pragprog.com
#pragprog#published-book/book-risk-first-software-development-second-edition
12 4217 8
New
xiji2646-netizen
AI>Chat

Has anyone tried the Karpathy CLAUDE.md rules? (97.8k stars)
There’s a GitHub repo at forrestchang/andrej-karpathy-skills that’s sitting at 97.8k stars. It’s a single CLAUDE.md file with four behavi...
#claude
0 37 1
New
Back to top

Sponsor Spotlight

coders51

We build reliable cloud platforms for business-critical systems.

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