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 1524 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 1528 7
Last post

Popular Frontend topics Top

First poster: bot
Frontend>Blogs/Talks

Stork Turns One: Building a search tool for static sites with Rust and WebAssembly
Stork Turns One: Building a search tool for static sites with Rust and WebAssembly • jameslittle.me. Stork, my web search side project, ...
jameslittle.me
/rust/wasm
0 752 0
New
First poster: bot
Frontend>Blogs/Talks

Acrobat on the Web Powered by WebAssembly
PDF documents are a major part of our digital lives and, in an era where we spend most of our time working inside a web browser, enhancin...
dzone.com
#web/wasm#pdf#adobe
0 896 0
New
First poster: dimitarvp
Frontend>Blogs/Talks

The future of web software is HTML over WebSockets
The future of web-based software architectures is already taking form, and this time it’s server-rendered (again). Papa’s got a brand new...
alistapart.com
/elixir/phoenix#web/html#websockets
14 1584 3
New
First poster: bot
Frontend>Blogs/Talks

HTML over the wire (2020)
You can write fast, modern, responsive web applications by generating your HTML on the server, and delivering that (with a little help) d...
m.signalvnoise.com
/ruby/rails/html
0 1042 0
New
First poster: bot
Frontend>Blogs/Talks

Type-Level Programming in TypeScript
The TypeScript type system is immensely powerful, and while the language itself is, of course, Turing complete, so is the type system its...
mjj.io
/typescript#programming
0 1120 0
New
First poster: bot
Frontend>Blogs/Talks

Why we chose Elm for Humio’s web UI
Humio software engineers Thomas Anagrius and Jeroen Engels sat down to talk about why they got involved with Elm for web-based front-end ...
humio.com
/elm#web
0 937 0
New
First poster: bot
Frontend>Blogs/Talks

Dissecting Deno
I had the chance to toy around with Deno recently. And with “toy around” I mean dissecting it into little pieces and see how the sausage ...
fettblog.eu
/deno
0 962 0
New
First poster: bot
Frontend>Blogs/Talks

Advent of UI Components
For every day of advent I am building a new UI Component. The theme? You guessed it ― Christmas. :christmas_tree:
silvestar.codes
0 609 0
New
First poster: bot
Frontend>Blogs/Talks

Star Wars Scene Transition Effects in CSS
Star Wars Scene Transition Effects in CSS. You know those wipe transitions between scenes in Star Wars movies? Have you ever thought it ...
codersblock.com
#css
0 652 0
New
ragamuf
Frontend>Blogs/Talks

Software developers should not be afraid of their code
A little halloween hocus-pocus on the value proposition of having a reliable test suite in place. You are not scared, are you?
gocassava.com
/elixir#blog-post#testing
4 585 2
New

Other popular topics Top

AstonJ
General Dev>Dev Chat

Best chairs for developers?
What chair do you have while working… and why? Is there a ‘best’ type of chair or working position for developers?
#workspace#opinions
74 4744 41
New
Exadra37
Linux>Questions

What is the most minimalist Linux server distro?
I am asking for any distro that only has the bare-bones to be able to get a shell in the server and then just install the packages as we ...
#linux#servers
66 21231 24
New
PragmaticBookshelf
Backend>Learning Resources

Concurrent Data Processing in Elixir
Learn different ways of writing concurrent code in Elixir and increase your application's performance, without sacrificing scalability or...
pragprog.com
#pragprog/elixir#published-book/book-concurrent-data-processing-in-elixir
78 3780 24
New
AstonJ
Data Science

Can AI/ML predict a lottery win?
Biggest jackpot ever apparently! :upside_down_face: I don’t (usually) gamble/play the lottery, but working on a program to predict the...
#ai#machine-learning
19 2994 10
New
Maartz
General Dev>Dev Chat

Roc Language - a new purely functional programming language built for speed and ergonomics
Hi folks, I don’t know if I saw this here but, here’s a new programming language, called Roc Reminds me a bit of Elm and thus Haskell. ...
#programminguages#functional-programming
49 4273 14
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 3601 1
New
First poster: bot
General Dev>In The News

Introducing the ChatGPT/LLM error tracker
Large Language Models like ChatGPT say The Darnedest Things. The Errors They MakeWhy We Need to Document Them, and What We Have Decided ...
garymarcus.substack.com
#error#chatgpt
0 2757 0
New
DevotionGeo
General Dev>Questions

Do you prefer regular mechanical keyboards or low profile mechanical keyboards and why?
I have always used antique keyboards like Cherry MX 1800 or Cherry MX 8100 and almost always have modified the switches in some way, like...
/keyboards#mechanical-keyboards
27 2655 9
New
CommunityNews
General Dev>In The News

X can’t stop spread of explicit, fake AI Taylor Swift images
Will Swifties’ war on AI fakes spark a deepfake porn reckoning?
arstechnica.com
/swift
0 5804 0
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
13 4674 11
New
Back to top

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