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

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

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

Rails, Angular, Postgres, and Bootstrap, Second Edition
Achieve awesome user experiences and performance with simple, maintainable code! Embrace the full stack of web development, from styling ...
pragprog.com
#pragprog/ruby/rails/angular#bootstrap#published-book/book-rails-angular-postgres-and-bootstrap-second-edition#postgres
2 4356 0
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 Front-End Development for Rails, Second Edition
Combine Rails 7, TypeScript, Turbo, Stimulus, and React to build rich user interaction into your websites using the best of both server a...
pragprog.com
#pragprog/ruby/rails/react#published-book/js/book-modern-front-end-development-for-rails-second-edition
6 4454 1
New
ManningBooks
Frontend>Learning Resources

Fabulous Adventures in Data Structures and Algorithms
In Fabulous Adventures in Data Structures and Algorithms, language designer and C# legend Eric Lippert explores exciting, esoteric, and e...
manning.com
#published-book
1 401 0
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
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>Dev Chat

Which language or framework do you want to learn next?
Curious to know which languages and frameworks you’re all thinking about learning next :upside_down_face: Perhaps if there’s enough peop...
#community#learning
243 6639 97
New
AstonJ
Backend>Questions

Erlang's not installing on macOS Big Sur "You are natively building Erlang/OTP for a later version of MacOSX than current version"
Just done a fresh install of macOS Big Sur and on installing Erlang I am getting: asdf install erlang 23.1.2 Configure failed. checking ...
#macos/erlang#big-sur#asdf
10 6212 8
New
AstonJ
General Dev>Dev Chat

How fast do you type? Check your WPM here!
Do the test and post your score :nerd_face: :keyboard: If possible, please add info such as the keyboard you’re using, the layout (Qw...
typing-speed-test.aoeu.eu
/keyboards
82 7682 31
New
AstonJ
Backend>Chat

How to install Ruby 3 with ASDF
In case anyone else is wondering why Ruby 3 doesn’t show when you do asdf list-all ruby :man_facepalming: do this first: asdf plugin-upd...
/ruby#asdf
11 5961 4
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 7
Rails 7 completely redefines what it means to produce fantastic user experiences and provides a way to achieve all the benefits of single...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-7
32 6600 9
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Dmitry Zinoviev (Author) Interview and AMA!
Author Spotlight Dmitry Zinoviev @aqsaqal Today we’re putting our spotlight on Dmitry Zinoviev, author of Data Science Essentials in ...
#author-spotlight/python/book-complex-network-analysis-in-python/book-data-science-essentials-in-python/book-resourceful-code-reuse/book-pythonic-programming
33 5211 14
New
PragmaticBookshelf
Backend>Learning Resources

Programming Ruby 3.2 (5th Edition)
Programming Ruby is the most complete book on Ruby, covering both the language itself and the standard library as well as commonly used t...
twitter.com
#pragprog/ruby/rails#published-book/book-programming-ruby-3-2-5th-edition
28 8550 13
New
PragmaticBookshelf
Backend>Learning Resources

Server-Driven Web Apps with htmx
Build modern server-driven web applications using htmx. Whatever programming language you use, you’ll write less (and cleaner) code. ...
pragprog.com
#pragprog#web-development#published-book/book-server-driven-web-apps-with-htmx
6 5257 3
New
Back to top

Sponsor Spotlight

Pragmatic Studio

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

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