Stilearning

Gvvhhgggghhfrykdfbmeulm. Thttps://youtube.com/@banghackersindonesia3434?si=TFsYv_6QglpazygN

@Raynerdwebsdev It sure can!

Anytime I look at a GitHub issue youtube.com/watch?v=AbSehc…

Quick HTML tip: I just discovered that `li` elements support a `value` attribute to configure the start of an ordered list.

Tip: Get native-app like sharing in a few lines of JS with the Web Share API: web.dev/web-share. Supports sharing links, text & files.

Innovation in web performance has been 🔥 lately. Here are the projects you need to watch in 2022: 🧵

A fun generator for CSS-only section separators! bit.ly/css-sections

Introducing "Learning Patterns": patterns.dev - a free 435+ page book on JavaScript + React design & performance patterns from @lydiahallie and I. On the web, ePub & PDF.

There's a lot here from @a_sandrina_p that shows why disabled buttons often need more than the `disabled` attribute to maximize inclusiveness. css-tricks.com/making-disable…

The <img> element now supports lazy-loading, async decoding and many other features: bit.ly/img-cwv I wrote about how to optimize UX & the Core Web Vitals with it.

Sneak Preview: JPEG XL decoding working in Chrome - 65% smaller than a JPEG at comparable quality. JXL aims to offer better image quality at low sizes, progressive decoding, lossless JPEG recompression and more: goo.gle/jxl-cl

Native CSS Masonry layout in just one extra line of code? Yes, please. Here it is working with CSS Grid in @FirefoxNightly More in bit.ly/grid-masonry by @rachelandrew

A few tips that improved First & Largest Contentful Paint on my site by up to 50% 🔗 Preconnect to key domains (e.g CDNs) 👕 Preload the hero image 📜 Preload critical .css & scripts 🗜 Use modern compression (Brotli) 🐢 Optimize backend lookups

Happy Halloween everyone! As promised, here is 'The Caretaker'. A no JavaScript, pure CSS horror / puzzle game. Play it here codepen.io/jcoulterdesign… on @codepen. Thanks to all the people who tested this before release. You know who you are :) Enjoy!

The time has come: we're officially announcing the deprecation of LibSass and all its wrapper interfaces, including Node Sass and SassC. We recommend all users make plans to move onto Dart Sass. sass-lang.com/blog/libsass-i…

🆕 Svelte for Sites, React for Apps. At @chriscoyier's behest, I finally wrote down the "hot" take that has been cooking in my head all year. dev.to/swyx/svelte-fo… Today we celebrate @SvelteSociety's first birthday with #SvelteSummit 🏔️ and it feels like a coming of age.

You will *not* learn fundamentals (of HTML, CSS & JS) in “1-2 weeks” and anyone who says otherwise is selling something.

Push deploy a Laravel app for free with GitHub Actions bit.ly/3gawq7g

Today I discovered "inputmode"! 🥳 Now we can "hint" the browser what virtual keyboard we want to show on mobile devices without forcing the browser to change the visuals of the input. (unlike with input="number" for example)