Frontend>Blogs/Talks

Learn CSS Grid and Flexbox - the easy way

AstonJ

AstonJ

Learn CSS Grid and Flexbox - the easy way

I can’t remember who was asking about CSS tuts now… but these just showed up on my YouTube feed and look pretty good/up to date :023:

7 comments
#css#video#flexbox
18 1625 7

Most Liked

LadislavSzolik

LadislavSzolik

I love interactive examples,
Luna from Google created a glitch which demos few commonly used flex/grid techniques, I have it as a bookmark :slight_smile:

https://1linelayouts.glitch.me

image
image2482×1076 69.7 KB
3
Post #5
chaptuck

chaptuck

Kevin Powell has a great channel. His videos have been great helping me improve the design and usability of the apps I build.

2
Post #3
AstonJ

AstonJ

Any favourites in particular Tucker? Feel free to add them here :smiley:

2
Post #4

Where Next?

View thread on forum
css
video
flexbox
Home Frontend>Blogs/Talks
#css#video#flexbox
18 1625 7
Last post

Popular Frontend topics Top

psantos
Frontend>Blogs/Talks

How to install TailwindCSS 2.0 using Ruby on Rails 6.1
In this tutorial, I’ll walk you step-by-step on how to install TailwindCSS 2.0 on Ruby on Rails.
blog.psantos.dev
/rails/tailwind
3 1395 3
New
First poster: bot
Frontend>Blogs/Talks

WebAssembly Search Tools for Static Sites
The challenge of searching static websites is effectively a solved problem with brilliant, yet widely unadopted, solutions. These projec...
healeycodes.com
/wasm
0 875 0
New
First poster: bot
Frontend>Blogs/Talks

On OCaml and the JS platform
ReScript, née BuckleScript, is a state-of-the-art compiler that used to target OCaml (and Reason), but is fast moving away from its paren...
anmonteiro.com
/ocaml
2 1101 0
New
First poster: bot
Frontend>Blogs/Talks

Choosing a language to replace Javascript (and why it's F#)
Choosing a language to replace Javascript (and why it’s F#). This is an opinion piece. YMMV Once in a while, I start a side project who...
theor.xyz
#f-sharp/js
0 1007 0
New
First poster: bot
Frontend>Blogs/Talks

Is WebAssembly magic performance pixie dust?
Add WebAssembly, get performance. Is that how it really works? The incredibly unsatisfying answer is: It depends. It depends on oh-so-ma...
surma.dev
#performance/wasm/assemblyscript
0 1035 0
New
First poster: AstonJ
Frontend>Blogs/Talks

HTML Tips (2020)
In this article, I will share with you some very useful HTML tips . Enjoy! ** Post will be updated regularly with new tips!* The loa...
markodenic.com
/html
30 1204 7
New
First poster: rustkas
Frontend>Blogs/Talks

Tail-call optimization in Elm
What is TCO? Tail-call optimization (TCO) is a very neat trick that the Elm compiler does to make recursive functions a lot more performa...
jfmengels.net
/elm
22 1940 10
New
First poster: bot
Frontend>Blogs/Talks

Smoothly Reverting CSS Animations
Hey there, you probably tried to animate some HTML elements in your time using transitions, transforms, and animations in the CSS. I trie...
pragmaticpineapple.com
#css#animations
0 829 0
New
AstonJ
Frontend>Blogs/Talks

Learn CSS Grid and Flexbox - the easy way
I can’t remember who was asking about CSS tuts now… but these just showed up on my YouTube feed and look pretty good/up to date :023:
youtube.com
#css#video#flexbox
18 1625 7
New
First poster: bot
Frontend>Blogs/Talks

Understanding UI Components in Elm
Since the Humio web client is built in Elm, I’d like to share some of our learnings with Elm over the years. Specifically, working with U...
humio.com
/elm
0 821 0
New

Other popular topics Top

DevotionGeo
Backend>Chat

What is the reason behind Rust’s web framework, Rocket, not performing as well as expected in the Techempower benchmarks?
I know that these benchmarks might not be the exact picture of real-world scenario, but still I expect a Rust web framework performing a ...
#web-frameworks/rust
36 6636 11
New
AstonJ
General Dev>Code Editors

SpaceVim vs SpaceMacs
SpaceVim seems to be gaining in features and popularity and I just wondered how it compares with SpaceMacs in 2020 - anyone have any thou...
/vim#spacevim#spacemacs/emacs#code-editors
30 3579 14
New
AstonJ
General Dev>Hardware

Poll: Which keyboard layout do you use?
poll poll Be sure to check out @Dusty’s article posted here: An Introduction to Alternative Keyboard Layouts It’s one of the best write-...
colemakmods.github.io
#polls/keyboards
10 5348 11
New
Rainer
General Dev>Dev Chat

Do you have any (non-dev) hobbies?
Not sure if following fits exactly this thread, or if we should have a hobby thread… For many years I’m designing and building model air...
#community
200 3586 78
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 5382 4
New
AstonJ
General Dev>Dev Chat

Languages Without Garbage Collection
Continuing the discussion from Thinking about learning Crystal, let’s discuss - I was wondering which languages don’t GC - maybe we can c...
#garbage-collection
21 4800 7
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 4894 22
New
AstonJ
Frontend>Chat

Online Hand to eye coordination test
Was just curious to see if any were around, found this one: I got 51/100: Not sure if it was meant to buy I am sure at times the b...
#online-tools
4 3745 1
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Jamis Buck (Author) Interview and AMA!
Author Spotlight Jamis Buck @jamis This month, we have the pleasure of spotlighting author Jamis Buck, who has written Mazes for Prog...
#author-spotlight/ruby/book-the-ray-tracer-challenge/book-mazes-for-programmers
21 5598 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 5193 10
New
Back to top

Sponsor Spotlight

Pragmatic Studio

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

Frontend>Blogs/Talks

Frontend Blogs/Talks ❯

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.

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'll move you from confusion to "Aha, now I get it!"

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.

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'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap