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 1776 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 1776 7
Last post

Popular Frontend topics Top

First poster: bot
Frontend>Blogs/Talks

Two ways you can take advantage of types in JavaScript (without TypeScript)
Two ways you can take advantage of types in JavaScript (without TypeScript) - The Blinking Caret. This blog post describes how you can e...
blinkingcaret.com
/typescript/js
0 967 0
New
First poster: bot
Frontend>Blogs/Talks

Vue vs React: Best Choice for Startups
Vue vs React: Best Choice for Startups. “I just have one question for you: Why Vue? I hope you’re not rolling your eyes thinking - “ah n...
swimm.io
/react
0 894 1
New
AstonJ
Frontend>Blogs/Talks

The Stimulus 2.0 Tutorial
By @kobaltz Here’s a related thread about StimulusReflex - an exciting new way to build modern, reactive, real-time apps with Rails.
forum.devtalk.com
/js#stimulus
0 1119 0
New
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 1547 3
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 1343 7
New
First poster: bot
Frontend>Blogs/Talks

Rust on the Frontend and Backend
Backend languages in the browser have been a thing for a long time. Google Web Toolkit would compile Java applications into JavaScript, a...
blog.abor.dev
/rust#frontend#backend
3 894 0
New
First poster: bot
Frontend>Blogs/Talks

My First CSS - What I Wish I Knew About CSS When Starting Out As A Frontender
CSS can be hard to grasp when you’re starting out. It can seem like magic wizardry and you can very easily find yourself playing whack-a-...
engineering.kablamo.com.au
#css
2 758 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 1305 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 956 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 736 2
New

Other popular topics Top

AstonJ
General Dev>Dev Chat

What are you listening to?
A thread that every forum needs! Simply post a link to a track on YouTube (or SoundCloud or Vimeo amongst others!) on a separate line an...
#community#music
202 4896 102
New
siddhant3030
General Dev>Dev Chat

Which vertical monitor do you use?
I’m thinking of buying a monitor that I can rotate to use as a vertical monitor? Also, I want to know if someone is using it for program...
#monitors#programming
51 4573 20
New
AstonJ
General Dev>Hardware

GMK Serika Keycaps - Serika 2 available to order now!
I have seen the keycaps I want - they are due for a group-buy this week but won’t be delivered until October next year!!! :rofl: The Ser...
/keyboards#keycaps#mechanical-keyboards
9 4655 7
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 4532 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 5111 7
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 5785 9
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Mike Riley (Author) Interview and AMA!
Author Spotlight Mike Riley @mriley This month, we turn the spotlight on Mike Riley, author of Portable Python Projects. Mike’s book ...
#author-spotlight/python#iot/book-portable-python-projects#internet-of-things
62 6546 19
New
sir.laksmana_wenk
Game Dev>Questions

I want to learn how make a game, but where should I start?
I’m able to do the “artistic” part of game-development; character designing/modeling, music, environment modeling, etc. However, I don’t...
#game-dev
14 2405 8
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 2236 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 1365 1
New
Back to top

Sponsor Spotlight

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

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 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 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