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

2024-02-09 09:49:38 UTC

Most Liked

Hallski

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

Post #5

Eiji

Tons of tutorials with examples on codepen

Just to check browser support

Svelte looks amazing for scoped styles

Post #4

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

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

Post #3

Where Next?

View thread on forum

css

Home Frontend>Chat

#css

18 1073 6

Last post

Popular Frontend topics

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

2020-06-14 22:46:15 UTC

New

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

2020-07-03 19:48:45 UTC

New

Frontend>Chat

Who else hates capitalized string type in Dart?

Dart is not the first language with that mistake, but it’s newer. It shouldn’t have repeated this mistake.

/dart #rant #programminguages

28 1520 8

2020-07-31 18:53:55 UTC

New

Frontend>Chat

Modern CSS - what are you using/recommend?

Finally, I am going to enhance my css skills! I have always somehow ignored this, but now I finally decided to understand animations, tr...

#css #css-frameworks

15 771 6

2020-10-18 19:14:27 UTC

New

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

2020-10-26 19:52:03 UTC

New

Frontend>Chat

Progressive Web Apps in 100 Seconds

PWA capabilities are getting better by the day…

youtube.com

#pwa

3 1302 2

2021-01-12 13:16:40 UTC

New

Frontend>Chat

What is your best front-end tool?

My Favorite tool is figma, It helps a lot in designing .

#community #tech-news-source

34 1673 13

2023-10-26 10:52:33 UTC

New

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

2022-03-27 22:00:51 UTC

New

Frontend>Chat

Website jobs are "dead" - what to do now?

I’ve been doing front-end as a freelancer for 15 years. I have some PHP background and still do some backend stuff to this day, but I spe...

#career

12 493 8

2025-04-05 15:49:16 UTC

New

Frontend>Chat

Can ReactJS and LiveView coexist nicely?

Hi Elixir and React friends! I read a post (Stephen Bussey - React in LiveView: How and Why?) on use case for reaching react for complex...

/elixir /phoenix /react #liveview #frontend

1 524 0

2025-03-09 01:07:25 UTC

New

Other popular topics

General Dev>Learning Resources

A Common-Sense Guide to Data Structures and Algorithms, Second Edition

Algorithms and data structures are much more than abstract concepts. Mastering them enables you to write code that runs faster and more e...

pragprog.com

#pragprog /python /ruby #published-book /book-a-common-sense-guide-to-data-structures-and-algorithms-second-edition #math #algorithms /js

19 4751 5

2020-08-14 00:58:37 UTC

New

Linux>Questions

AMD or Intel for Programming with Linux as the OS?

I am thinking in building or buy a desktop computer for programing, both professionally and on my free time, and my choice of OS is Linux...

#desktop-computer

36 5740 10

2020-07-12 20:50:05 UTC

New

General Dev>Sales

Get 50% off these PragProg books during our Think Again Sale

Think Again 50% Off Sale » The theme of this sale is new perspectives on familiar topics. Enter coupon code ThinkAgain2021 at checkout t...

#community #pragprog /elixir /book-a-common-sense-guide-to-data-structures-and-algorithms-second-edition /book-programming-machine-learning /book-the-ray-tracer-challenge /book-forge-your-future-with-open-source /book-software-design-x-rays #algorithms /book-testing-elixir #machine-learning #sale /book-concurrent-data-processing-in-elixir /book-intuitive-python

8 6210 2

2021-05-11 23:06:15 UTC

New

Backend>Learning Resources

Python Testing with pytest, Second Edition

Create efficient, elegant software tests in pytest, Python's most powerful testing framework. Brian Okken @brianokken Edited by Kat...

pragprog.com

#pragprog /python #published-book /book-python-testing-with-pytest-second-edition

16 5119 4

2021-06-25 16:57:39 UTC

New

General Dev>Hardware

CharaChorder - type at the speed of thought?

Saw this on TikTok of all places! :lol: Anyone heard of them before? Lite:

/keyboards #charachorder

13 4253 4

2021-10-07 21:33:25 UTC

New

Backend>Chat

Data Structures and Algorithms with Elixir

This is going to be a long an frequently posted thread. While talking to a friend of mine who has taken data structure and algorithm cou...

/elixir #algorithms #data-structures

108 10628 31

2024-11-14 02:14:00 UTC

New

General Dev>Code Editors

Doom-Emacs: Can't find emacs in your PATH

If you get Can't find emacs in your PATH when trying to install Doom Emacs on your Mac you… just… need to install Emacs first! :lol: bre...

#macos /emacs #doom-emacs

4 5350 0

2022-02-04 00:32:03 UTC

New

AI>In The News

How to fix the eyes in AI-generated images

aidemos.info

0 3922 0

2022-09-10 13:54:33 UTC

New

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

2025-03-06 23:29:12 UTC

New

Backend>Official News

Node.js v22.14.0 released!

Node.js v22.14.0 has been released. Link: Release 2025-02-11, Version 22.14.0 'Jod' (LTS), @aduh95 · nodejs/node · GitHub

github.com

/nodejs #official-news

0 2585 0

2025-02-11 15:30:14 UTC

New

Frontend>Chat

Binary synth — sound from binary code of any files

Frontend>Chat

NKTg Law on Variable Inertia Across 150 Modern Languages

Frontend>Chat

Can ReactJS and LiveView coexist nicely?

Frontend>Chat

Website jobs are "dead" - what to do now?

Frontend>Chat

Looking for companies accepting remote work for junior front-end devs or UI designers

Frontend>Chat

With the rise of AI - is there anything left for me?

Frontend>Chat