12.
Smashing Magazine
@smashingmag
Using Modern Image Formats: AVIF And WebP. A new guide by @addyosmani.
smashingmagazine.com/2021/09/modern⦠pic.twitter.com/v1JcMSwrit
smashingmagazine.com/2021/09/modern⦠pic.twitter.com/v1JcMSwrit
13.
Smashing Magazine
@smashingmag
For the bookmarks: Optimum <head> order for performance:
<meta />
<title>
preconnect
<script async></script>
CSSβ¦ twitter.com/i/web/status/1β¦
<meta />
<title>
preconnect
<script async></script>
CSSβ¦ twitter.com/i/web/status/1β¦
14.
15.
16.
17.
18.
Smashing Magazine
@smashingmag
Interactive Learning Tools For Front-End Developers
β¬ CSS Flexbox
β¬ CSS Grid
β¬ CSS Animations
β¬ CSS Filters
β¬ CSβ¦ twitter.com/i/web/status/1β¦
β¬ CSS Flexbox
β¬ CSS Grid
β¬ CSS Animations
β¬ CSS Filters
β¬ CSβ¦ twitter.com/i/web/status/1β¦
Smashing Magazine
@smashingmag
user adaptive frosted glass
```#css
.adaptive-glass {
--glass-lightness: 100%;
background: hsl(0 0% var(-β¦ twitter.com/i/web/status/1β¦
```#css
.adaptive-glass {
--glass-lightness: 100%;
background: hsl(0 0% var(-β¦ twitter.com/i/web/status/1β¦
Retweet of status by @argyleink
Smashing Magazine
@smashingmag
New: How To Build Resilient JavaScript.
Or how graceful degradation, defensive coding, observability, and a healβ¦ twitter.com/i/web/status/1β¦
Or how graceful degradation, defensive coding, observability, and a healβ¦ twitter.com/i/web/status/1β¦
Smashing Magazine
@smashingmag
Starting in < 2 weeks...
Join my "Level-Up With CSS" workshop in partnership with @smashingconf!
Learn to set uβ¦ twitter.com/i/web/status/1β¦
Join my "Level-Up With CSS" workshop in partnership with @smashingconf!
Learn to set uβ¦ twitter.com/i/web/status/1β¦
Smashing Magazine
@smashingmag
CSS only directionally aware buttons && links
Fill in the direction you hover πͺ£
Powered by custom properties β¦ twitter.com/i/web/status/1β¦
Fill in the direction you hover πͺ£
Powered by custom properties β¦ twitter.com/i/web/status/1β¦
19.
20.
21.
22.
Smashing Magazine
@smashingmag
Some CSS Properties you may not be using.
A Thread
A Thread
Retweet of status by @Insharamin
Smashing Magazine
@smashingmag
Finally! A Native CSS Parent Selector Is Coming (and it can do way more than that). Meet :has. By @AdrianBeceDev.β¦ twitter.com/i/web/status/1β¦
Smashing Magazine
@smashingmag
Smart Interface Design Patterns.
Mega-Dropdowns
smashingmagazine.com/2021/05/frustrβ¦
Birthday Picker
smashingmagazine.com/2021/05/frustrβ¦β¦ twitter.com/i/web/status/1β¦
Mega-Dropdowns
smashingmagazine.com/2021/05/frustrβ¦
Birthday Picker
smashingmagazine.com/2021/05/frustrβ¦β¦ twitter.com/i/web/status/1β¦
Smashing Magazine
@smashingmag
User Frustrations in 2021 (updated).
β Tiny scrollable panes
β Tiny click targets
β Unexpected content shifts
ββ¦ twitter.com/i/web/status/1β¦
β Tiny scrollable panes
β Tiny click targets
β Unexpected content shifts
ββ¦ twitter.com/i/web/status/1β¦
...but wait! There's more!
12.
fakhright
@fakhright
astaghfirullah peng.krim guaaaaaaaa..............a *salto sambil solat*
