Stilearning

Huge fan of Markdown, HTML, CSS and JavaScript. Web design and open source lover.

[Stilearning @StilearningTwit]

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

[Xenova @xenovacom]

@Raynerdwebsdev It sure can!

[Olivier Tassinari @olivtassinari]

Anytime I look at a GitHub issue https://t.co/aj3B10bM6c

[Stefan Judis @stefanjudis]

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

[Addy Osmani @addyosmani]

Tip: Get native-app like sharing in a few lines of JS with the Web Share API: https://t.co/9TwdM9wOEm. Supports sharing links, text & files.

[Steve (Builder.io) @Steve8708]

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

[Addy Osmani @addyosmani]

A fun generator for CSS-only section separators! https://t.co/ydOf5XX2lq

[Addy Osmani @addyosmani]

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

[CSS-Tricks @css]

There's a lot here from @a_sandrina_p that shows why disabled buttons often need more than the `disabled` attribute to maximize inclusiveness. https://t.co/GsxyDUI2fL

[Addy Osmani @addyosmani]

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

[Addy Osmani @addyosmani]

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: https://t.co/sErChStUHZ

[Addy Osmani @addyosmani]

Native CSS Masonry layout in just one extra line of code? Yes, please. Here it is working with CSS Grid in @FirefoxNightly

More in https://t.co/AJ2iFdm3px by @rachelandrew

[Addy Osmani @addyosmani]

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

[Jamie Coulter @jamiecoulter89]

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

[Sass @SassCSS]

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. https://t.co/WtxsCeihD6

[swyx @swyx]

🆕 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.

https://t.co/XotYUbrEWY

Today we celebrate @SvelteSociety's first birthday with #SvelteSummit 🏔️ and it feels like a coming of age.

[Melanie Sumner @a11yMel]

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

[Laravel News @laravelnews]

Push deploy a Laravel app for free with GitHub Actions https://t.co/fpWZjUnO2y

[Álvaro Trigo 🐦🔥 @IMAC2]

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)