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

justinjunodev
Frontend>Chat

New JavaScript Framework Poll (Joke)
:rotating_light: Silly Post Alert :rotating_light: With the Coronavirus keeping the majority of us developers quarantined, how many “new...
#polls#humor#covid19
9 1363 3
New
malloryerik
Frontend>Chat

Svelte - what do you think about it?
Any thoughts on Svelte? Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue...
#opinions/svelte
54 3884 17
New
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

Web Assembly (WASM) in 100 Seconds
We should probably add a WASM portal at some point :nerd_face: Edit: Done:
youtube.com
#video/wasm
1 1151 0
New
finner
Frontend>Chat

Spring Resources
Some resources for Spring Home of Spring Spring Initializr Head First Spring with Reactor
/spring
2 1664 0
New
AstonJ
Frontend>Chat

Swift vs Rust for WASM/WebAssembly
Wondering if anyone has any thoughts on choosing between these two languages for WebAssembly? I definitely want to explore wasm, and rea...
/rust/swift/book-programming-webassembly-with-rust#opinions/wasm
16 3111 12
New
First poster: bot
Frontend>Chat

Vuejs rejects close to 75% of outside contributions
23.44% of the PRs made by outsiders (not owners/members) get merged. PRs usually closed after 0.17 days (median) ** Based on most recen...
merge-chance.info
/vuejs
2 1301 0
New
First poster: bot
Frontend>Chat

Racing Game in ClojureScript
A 3D racing game built with ClojureScript, React and ThreeJS
github.com
#clojurescript
0 847 0
New
Fl4m3Ph03n1x
Frontend>Chat

Phoenix 1.7.0 interfaces and courses
Background I am trying to recycle myself and improve my knowledge about Phoenix. With 1.7 now out, this seems like a good opportunity. ...
/phoenix/tailwind#liveview
15 1403 7
New
riyajohnson
Frontend>Chat

Choosing the Right Framework: Comparing Pros and Cons
When it comes to selecting a framework for a development project, it’s crucial to make an informed decision. With so many options availab...
/angular/react#development#frameworks/vuejs
2 641 1
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 5126 102
New
PragmaticBookshelf
Backend>Learning Resources

Programming Machine Learning
Machine learning can be intimidating, with its reliance on math and algorithms that most programmers don't encounter in their regular wor...
pragprog.com
#pragprog#ai/python#published-book/book-programming-machine-learning#math#algorithms
6 5350 3
New
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 7463 11
New
Rainer
Community>Journals

Programming Erlang Book Club
My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
/erlang/book-programming-erlang-2nd-edition#book-club
195 6815 95
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
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 5813 4
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Peter Ullrich (Author) Interview and AMA!
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
/elixir/phoenix/book-building-table-views-with-phoenix-liveview
72 4765 21
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Bruce Tate (Author) Interview and AMA!
Author Spotlight: Bruce Tate @redrapids Programming languages always emerge out of need, and if that’s not always true, they’re defin...
/elixir/ruby/phoenix/book-seven-more-languages-in-seven-weeks/book-seven-languages-in-seven-weeks#liveview/book-programming-phoenix-liveview
54 5678 23
New
AstonJ
Backend>Questions

Psql: error: connection to server on socket "/tmp/.s.PGSQL.5432" failed: No such file or directory
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
#macos/rails/postgresql
1 5553 1
New
PragmaticBookshelf
Backend>Learning Resources

Ash Framework
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
pragprog.com
#pragprog/elixir#published-book/ash/book-ash-framework
15 7555 9
New
Back to top

Sponsor Spotlight

EEF

Supporting innovation across the BEAM ecosystem.

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

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

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap