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

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
AstonJ
Frontend>Learning Resources

Free NodeJS for beginners course from Microsoft
They now have a beginners course on NodeJS, following their beginners course on Javascript. I’m hoping they will do one o...
forum.devtalk.com
#video/nodejs#microsoft
0 1607 0
New
AstonJ
Frontend>Learning Resources

Svelte learning resources
If you know of any good learning resources for Svelte please post them here :smiley: Here’s some to get us started: The official tutori...
svelte.dev
#video/svelte
18 2303 10
New
First poster: AstonJ
Frontend>Learning Resources

Learn CSS - an evergreen CSS course
Welcome to Learn CSS! This course breaks down the fundamentals of CSS into digestible, easy to understand pieces. Over the next few modul...
web.dev
#css
6 1000 2
New
JesseSkinner
Frontend>Learning Resources

The Joy of Svelte (course)
I’ve developed a video course called The Joy of Svelte, where I go in depth on Svelte features, especially different ways to manage state...
joyofsvelte.com
#course/svelte
20 1716 5
New
PragmaticBookshelf
Frontend>Learning Resources

Modern CSS with Tailwind, Second Edition
This new edition of the book covers Tailwind 3.0, which changes the way Tailwind generates its CSS. Tailwind 3.0 has a large number of ne...
pragprog.com
#pragprog/tailwind#published-book/book-modern-css-with-tailwind-second-edition
8 4134 2
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

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
ManningBooks
Frontend>Learning Resources

Testing Spring Boot Applications
Erlang and OTP in Action teaches you the concepts of concurrent programming and the use of @‌SpringBootTest, MockMvcTester, SpringExtensi...
manning.com
#manning/java/spring#published-book#webdev#software-development#spring-boot#‌springboottest#mockmvctester#springextension#testingn-spring-boot#app-dev
0 107 1
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
brentjanderson
General Dev>Hardware

Moonlander Keyboard (Mechanical) (Ergonomic) (Split) (Ortholinear)
Bought the Moonlander mechanical keyboard. Cherry Brown MX switches. Arms and wrists have been hurting enough that it’s time I did someth...
#hardware/keyboards#moonlander#mechanical-keyboards#ortholinear#ergonomic
212 17779 90
New
AstonJ
General Dev>Code Editors

Poll: Which code editor do you use?
You might be thinking we should just ask who’s not using VSCode :joy: however there are some new additions in the space that might give V...
#community#polls/vim/emacs#code-editors/vscode#notepad/sublime-text#atom/textmate#codespaces#brackets/onivim#geany
121 5796 61
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
foxtrottwist
General Dev>Dev Chat

Warp—The blazingly fast, Rust-based terminal
A few weeks ago I started using Warp a terminal written in rust. Though in it’s current state of development there are a few caveats (tab...
/rust#terminal
52 6785 22
New
PragmaticBookshelf
Backend>Learning Resources

Effective Haskell
Build efficient applications that exploit the unique benefits of a pure functional language, learning from an engineer who uses Haskell t...
pragprog.com
#pragprog/haskell#published-book/book-effective-haskell
15 10218 1
New
First poster: bot
General Dev>In The News

Zig now has built-in HTTP server and client in std
zig/http.zig at 7cf2cbb33ef34c1d211135f56d30fe23b6cacd42 · ziglang/zig. General-purpose programming language and toolchain for maintaini...
github.com
/zig#http
0 5624 0
New
PragmaticBookshelf
General Dev>Learning Resources

A Common-Sense Guide to Data Structures and Algorithms in Python, Volume 1
Big O Notation can make your code faster by orders of magnitude. Get the hands-on info you need to master data structures and algorithms ...
pragprog.com
#pragprog/python#published-book/book-a-common-sense-guide-to-data-structures-and-algorithms-in-python-volume-1
24 5988 11
New
PragmaticBookshelf
Backend>Learning Resources

Machine Learning in Elixir
Leverage Elixir and the Nx ecosystem to build intelligent applications that solve real-world problems in computer vision, natural languag...
pragprog.com
#pragprog/elixir#published-book#machine-learning#nx/book-machine-learning-in-elixir
18 4615 7
New
AstonJ
Backend>Questions

Psql: error: connection to server on socket "/tmp/.s.PGSQL.5432" failed: No such file or directory
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
#macos/rails/postgresql
1 5553 1
New
Back to top

Sponsor Spotlight

Honeybadger

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

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