LightNews LightNews
babakhin.bsky.social
@babakhin.bsky.social
13 followers 100 following 0 posts
Posts Replies Media Videos
Reposted
developer.mozilla.org
Did you know? You can now build carousels with CSS! 🎠✨

They are responsive, accessible carousels and use only CSS. 🤯

🎯 Why CSS-only?
⋅ Simpler to maintain
⋅ Better performance
⋅ No external dependencies
⋅ Works out of the box

Learn more 👇
developer.mozilla.org/en-US/docs/...
Creating CSS carousels - CSS | MDN
The CSS overflow module defines features enabling the creation of flexible and accessible pure-CSS carousels with browser-generated and developer-styled scroll buttons and scroll markers. This guide explains how to create a carousel using these features.
developer.mozilla.org
December 23, 2025 at 9:00 PM
Reposted
github-trending-js.bsky.social
📦 mountain-loop / yaak
⭐ 16,937 (+52)
🗒 TypeScript

The most intuitive desktop API client. Organize and execute REST, GraphQL, WebSockets, Server Sent Events, and gRPC 🦬
GitHub - mountain-loop/yaak: The most intuitive desktop API client. Organize and execute REST, GraphQL, WebSockets, Server Sent Events, and gRPC 🦬
The most intuitive desktop API client. Organize and execute REST, GraphQL, WebSockets, Server Sent Events, and gRPC 🦬 - mountain-loop/yaak
github.com
December 13, 2025 at 1:02 PM
Reposted
rego.bsky.social
You can now easily customize find-in-page with the new ::search-text pseudo-element, that is shipping in Chromium 144.0.7547. 🚀
Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin...
Thanks to Bloomberg for sponsoring this work.
Screenshot of the following CSS as an example of how to customize find-in-page: :root::search-text { background: yellow; } :root::search-text:current { color: white; background: olive; text-decoration: underline; } aside::search-text { background: magenta; } aside::search-text:current { background: darkmagenta; }
December 2, 2025 at 11:31 AM
Reposted
mackuba.eu
Lol nice @svelte.dev 😄
Github readme: esrap Parse in reverse. AST goes in, code comes out.
November 27, 2025 at 7:15 PM
Reposted
43081j.com
we've started tracking the ongoing and upcoming projects better on the e18e site

hopefully this gives a better idea of the things we're building!
e18e
A list of ongoing and upcoming projects by the e18e community.
e18e.dev
November 25, 2025 at 11:39 AM
Reposted
css-only.dev
💡 CSS Tip!

Use modern CSS to create an arrow shape that adjusts according to the direction and writing mode. A direction-aware shape!

css-tip.com/arrow/

Another cool use case of corner-shape
Overview of the CSS code from the provided link Arrow shapes
November 25, 2025 at 11:52 AM
Reposted
robpalmer.bsky.social
At JsConf.jp @loading.trynova.dev introduces Andromeda.

Andromeda is a TypeScript-native runtime that uses the Rust-based Nova JS engine together with Oxc.

It aims to be web interoperable and is part of WinterTC.
November 16, 2025 at 4:13 AM
Reposted
github-trending-js.bsky.social
📦 requestly / requestly
⭐ 5,095 (+33)
🗒 TypeScript

Free and open-source API Client & Interceptor.
GitHub - requestly/requestly: Free and open-source API Client & Interceptor.
Free and open-source API Client & Interceptor. Contribute to requestly/requestly development by creating an account on GitHub.
github.com
November 14, 2025 at 7:02 PM
Reposted
github-trending-js.bsky.social
📦 zumerlab / snapdom
⭐ 6,732 (+83)
🗒 JavaScript

snapDOM captures HTML elements to images with exceptional speed and accuracy.
GitHub - zumerlab/snapdom: snapDOM captures HTML elements to images with exceptional speed and accuracy.
snapDOM captures HTML elements to images with exceptional speed and accuracy. - zumerlab/snapdom
github.com
October 31, 2025 at 3:02 PM
Reposted
wesbos.com
Don't [...spread] or .split() your strings!

Use Intl.Segmenter API. Available in every JS runtime
October 23, 2025 at 2:55 PM
Reposted
43081j.com
when you want to `open` something (like the MacOS `open`), you don't need a 9 dependency package, you can use tiny-open instead!

and if you do want the browser launching stuff, you can use tiny-browser-open:
github.com/fabiospampin...
GitHub - fabiospampinato/tiny-open: A tiny utility for opening a file or a URL with its default application.
A tiny utility for opening a file or a URL with its default application. - fabiospampinato/tiny-open
github.com
October 23, 2025 at 3:39 PM
Reposted
developer.chrome.com
Match URLs with a powerful, standardized syntax using the URL Pattern API → goo.gle/47iTr3o

Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.
Match URLs with a powerful, standardized syntax using the URL Pattern API
October 23, 2025 at 9:00 PM
Reposted
github-trending-js.bsky.social
📦 rybbit-io / rybbit
⭐ 8,896 (+59)
🗒 TypeScript

🐸 Rybbit - open-source and privacy-friendly alternative to Google Analytics that is 10x more intuitive.
GitHub - rybbit-io/rybbit: 🐸 Rybbit - open-source and privacy-friendly alternative to Google Analytics that is 10x more intuitive.
🐸 Rybbit - open-source and privacy-friendly alternative to Google Analytics that is 10x more intuitive. - rybbit-io/rybbit
github.com
October 21, 2025 at 8:02 PM
Reposted
jasnell.me
One step closer to enabling pointer compression by default in node.js thanks to @cloudflare.social and @igalia.com github.com/nodejs/node/...
src: initial enablement of IsolateGroups by jasnell · Pull Request #60254 · nodejs/node
Enable IsolateGroups! Every isolate in V8 is created within a group. When pointer compression is enabled, all isolates within a single group are limited to a 4 GB shared pointer cage. By default, a...
github.com
October 16, 2025 at 8:22 PM
Reposted
en.sitnik.ru
The new CSS property corner-shape lets you not only create “soft iOS-style corners” but also easily make cut corners, forward-arrow buttons, dropdown tips, or even highlight shapes that look like handmade marker strokes.

Lots of examples by @dxnny.fun:
css-tricks.com/what-can-we-...
October 14, 2025 at 11:16 AM
Reposted
github-trending-js.bsky.social
📦 makeplane / plane
⭐ 39,260 (+43)
🗒 TypeScript

🔥 🔥 🔥 Open Source JIRA, Linear, Monday, and Asana Alternative. Plane helps you track your issues, epics, and cycles the easiest way on the planet.
GitHub - makeplane/plane: 🔥 🔥 🔥 Open Source JIRA, Linear, Monday, and Asana Alternative. Plane helps you track your issues, epics, and cycles the easiest way on the planet.
🔥 🔥 🔥 Open Source JIRA, Linear, Monday, and Asana Alternative. Plane helps you track your issues, epics, and cycles the easiest way on the planet. - makeplane/plane
github.com
October 11, 2025 at 10:02 PM
Reposted
sindresorhus.com
CSS is getting support for functions, so I made a small utility library for useful things. It's also a copy-pasteable reference. WIP.

github.com/sindresorhus...
October 8, 2025 at 7:53 AM
Reposted
proton.me
Avoiding US tech? Some European alts:

🇳🇴 Browser: Vivaldi
🇫🇷 Search: Qwant
🇫🇷 Music: Deezer
🇫🇷 Hosting: OVH
🇫🇮 Mobile OS: Jolla
🇩🇪 Maps: Here WeGo
🇩🇪 Translation: DeepL
🇳🇱 Design: Sketch
🇨🇭 Notes: Standard Notes
🇨🇭 Messenger: Threema
🇨🇭 Dev Tools: Sonar

https://proton.me/blog/european-tech-alternatives
European alternatives to US tech | Proton | Proton
Take back control of your digital life with privacy-focused European alternatives to US Big Tech apps and services.
proton.me
October 4, 2025 at 3:53 PM
Reposted
feross.bsky.social
Don't miss the official announcement post: socket.dev/blog/introdu...
Introducing Socket Firewall: Free, Proactive Protection for ...
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain atta...
socket.dev
September 30, 2025 at 6:32 PM
Reposted
43081j.com
eslint-plugin-depend released! this ESLint plugin helps you find dependencies the @e18e.dev community has recommended replacing

thanks to @bluwy.me for adding eslint/json support too 🙏
Release 1.3.0 · es-tooling/eslint-plugin-depend
What's Changed chore: bump dependencies by @43081j in #51 Maintenance, Use empathic by @beeequeue in #52 feat: support @eslint/json by @bluwy in #53 chore: enable trusted publishes by @43081j in #...
github.com
September 21, 2025 at 1:01 PM
Reposted
gerome.dev
Introducing Angular Digest!

A few years ago, I started contributing to the Angular ecosystem and stayed for the community.

Discover Angular Digest, a new newsletter about @angular.dev, its ecosystem, and its community.

The first post is out already: geromegrignon.substack.com/p/1-angular-...
#1 Angular Digest
Angular 20.2 was released two weeks ago, and 23 Angular community events are planned until the end of the year. Get to know what happened lately in the Angular ecosystem!
geromegrignon.substack.com
September 1, 2025 at 6:30 AM
Reposted
sirpepe.bsky.social
comptime.ts enables compile-time evaluation of expressions marked with comptime

👉 comptime.js.org

#typescript #webdev
comptime.ts — compile-time expressions for TypeScript
A simple-to-use compiler and Vite plugin to evaluate TypeScript expressions at build time.
comptime.js.org
August 7, 2025 at 8:14 AM
Reposted
ollie-williams.bsky.social
If your using field-sizing: content but want to control the initial size of the input, turns out its pretty complicated?

width: max(calc-size(fit-content, size), 100px);

Someone let me know if there's an simpler approach...
August 14, 2025 at 6:57 AM
Reposted
una.im
🥳 CSS functions have arrived*!!! 🥳

And they are *AWESOME*

Now, you can do:

@​function --alpha(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}

div {
background: --alpha(red, 80%);
}

Lean more: una.im/5-css-functi...

(*arrived = in the latest stable Chrome)
una.im | 5 Useful CSS functions using the new @function rule
CSS custom functions are a gamechanger. Here are 5 really useful examples.
una.im
August 13, 2025 at 6:00 PM
Reposted
43081j.com
today's @e18e.dev replacement tips ⚡

- strip-ansi -> stripVTControlCharacters (built in!)
- cpy -> fs.cp (with recursive: true, built in!)
- map-obj -> Object.fromEntries(Object.entries(obj).map(fn))
- filter-obj -> Object.fromEntries(Object.entries(obj).filter(fn))
- chalk -> styleText (built in!)
July 26, 2025 at 9:18 AM