Frontend>Chat

Good CSS learning resources and blog posts?

Reinis

Reinis

Good CSS learning resources and blog posts?

For the last few months I’ve been (re)-learning vanilla CSS. Initially I did not ‘get’ how to structure CSS to take advantage of the ‘cascade’ and avoid specificity issues. Thus gravitated toward TailwindCSS. But now that I’m starting to grok vanilla CSS better, and especially modern features like layers, custom HTML elements and Declarative Shadow DOM, it is a game changer!

6 comments
#css
18 1237 6

Most Liked

Hallski

Hallski

Plus one on CSS tricks, can also recommend Kevin Powell on YouTube:
https://m.youtube.com/@KevinPowell

4
Post #5
Eiji

Eiji

Tons of tutorials with examples on codepen

Just to check browser support

Svelte looks amazing for scoped styles

3
Post #4
AstonJ

AstonJ

I’ve had these bookmarked for a while. - just not had time to go through them yet:

If you do please let us know what you think!

There’s also the tailwind book: book-modern-css-with-tailwind-second-edition :023:

(PS I moved these posts into a separate thread as I imagine lots of people will be interested!)

2
Post #3

Where Next?

View thread on forum
css
Home Frontend>Chat
#css
18 1237 6
Last post

Popular Frontend topics Top

andresriveros
Frontend>Chat

StimulusReflex - an exciting new way to build modern, reactive, real-time apps with Rails
I’m very interested in the Stimulus reflex approach for frontend development: It is a great way to integrate action cable very easily ...
#real-time
9 1360 3
New
AstonJ
Frontend>Chat

What's your flavour of JS on the frontend?
Sprinkles of JS, or full frontend frameworks? What do you use and why?
#opinions#frontend/js
76 3148 26
New
AstonJ
Frontend>Chat

Are SPAs dying or becoming more popular/beginning to shine?
DHH might like you to believe they are a thing of the past: https://twitter.com/dhh/status/1275902566719610880 I actually went down thi...
/rails/angular/react#liveview/svelte/vuejs#spa#ssr
22 2958 6
New
mrmurphy
Frontend>Chat

LiveView & End-to-end encryption
The situation Hi there! I’m working on a live view app right now that encrypts sensitive user content (text and images) using the browser...
/elixir
11 1658 2
New
mafinar
Frontend>Chat

A little weekend learning: Trying out Tailwind
I (re-)realized I had the book “Modern CSS with Tailwind” bought, never read a page of it until today. With me being a fast reader and th...
/tailwind#journal/book-modern-css-with-tailwind
26 2579 9
New
ClaudiaGiv
Frontend>Chat

SSR explained in SvelteKit
Hi all, I recently started working with Svelte and created a small app with SvelteKit in order to understand better the framework. I hav...
/svelte#ssr
6 2500 1
New
Ayushk
Frontend>Chat

Front end Developer Skills
Hello, This is pretty basic. I was trying to explore the front-end development as I was not from a tech background. But, very much inter...
#question
23 1760 7
New
KnowledgeIsPower
Frontend>Chat

Sharing a blog about the Astro SSG
Hey, I have migrated by blog from Pelican to Astro (static site generator) Please give comments or feedback, thanks!
#astro
6 955 1
New
mtmattei
Frontend>Chat

Uno Platform for Figma - From design to XAML Code in a click
A few months ago, Uno Platform unveiled Uno Platform for Figma plugin, a plugin created to turn your high-fidelity Figma design into XAML...
#mobile-development#design-tools#dev-tools#xaml#design-to-code
5 1486 1
New
max_alyokhin
Frontend>Chat

Binary synth — sound from binary code of any files
I created a web-synthesizer that generates sound from the binary code of any files. It can synthesize sound directly in the browser, or b...
0 244 0
New

Other popular topics Top

Devtalk
General Dev>Dev Chat

HELLO WORLD (Introductions thread!)
Hello Devtalk World! Please let us know a little about who you are and where you’re from :nerd_face:
#community
482 7161 117
New
PragmaticBookshelf
Backend>Learning Resources

Distributed Services with Go
Take your Go skills to the next level by learning how to design, develop, and deploy a distributed service. Start from the bare essential...
pragprog.com
#pragprog/go#published-book/book-distributed-services-with-go
1 4310 0
New
PragmaticBookshelf
Backend>Learning Resources

Testing Elixir
Write Elixir tests that you can be proud of. Dive into Elixir’s test philosophy and gain mastery over the terminology and concepts that u...
pragprog.com
#pragprog/elixir#published-book/book-testing-elixir
33 5004 8
New
PragmaticBookshelf
Backend>Learning Resources

Programming WebRTC
Use WebRTC to build web applications that stream media and data in real time directly from one user to another, all in the browser. ...
pragprog.com
#pragprog#published-book/js#webrtc/book-programming-webrtc
27 6969 6
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: CommunityNews
AI>In The News

How to fix the eyes in AI-generated images
aidemos.info
0 4508 0
New
CommunityNews
General Dev>In The News

Review of Linux on Minisforum V3 AMD Ryzen Tablet
A Brief Review of the Minisforum V3 AMD Tablet. Update: I have created an awesome-minisforum-v3 GitHub repository to list information fo...
mudkip.me
#linux#review#amd
0 4635 0
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
15 4965 9
New
AnfaengerAlex
Android>Questions

Unresolved Reference to android in build.gradle.kts – Beginner Issue
Hello, I’m a beginner in Android development and I’m facing an issue with my project setup. In my build.gradle.kts file, I have the foll...
#binding
0 7460 2
New
xiji2646-netizen
AI>Chat

Claude Code's entire source just leaked (512K lines) - anyone else digging through it?
Woke up to this today: Claude Code’s complete source code exposed via npm source map. Not a snippet. All 512,000 lines. 1,900 TypeScript ...
#claude
1 5903 4
New
Back to top

Sponsor Spotlight

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Frontend>Chat

Frontend Chat ❯

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