Get the latest tech news

Aspects of modern HTML/CSS you may not be familiar with


An overview of what makes modern CSS so awesome.

Things like letting you use(width <= 768px) instead of(max-width: 768px) in your@media query, the lh unit that matches the line-height, the scrollbar-gutter property that solves the little scrollbar-related layout shifts, or the ability to finally center stuff vertically without flex/grid. •75CBAre you feeling encrypted?Mit smells of onions in here...bmwhat's the scoop in yer smacker, horseberry?PI just lost the gameMI can't wait to taste the sorbet!lyra.horse/blog/ ••• You no longer need JavaScript /* not a real feature */p::nth-letter(2) { color: red; } Blackle suggested that combining the nth-child() variable with :nth-letter targeting would also be fun for certain effects, such as putting the value in the sin() function to create wavy text.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of javascript

javascript

Photo of overview

overview

Photo of css

css

Related news:

News photo

SmallJS: Smalltalk-80 that compiles to JavaScript

News photo

Rolling the dice with CSS random()

News photo

Converting an online game to work without any JavaScript