SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
The newer CSS viewport units (svh, lvh, dvh) are one of my favourite features in modern CSS π₯
β The "smallest viewport height" (svh) will always fit the smallest amount of space (all content will always be visible)
β The "largest viewport height" (lvh) will always take up the largest amount of space (potentially hiding some content underneath UI)
β The "dynamic viewport height" (dvh) will resize to fit the currently available space (adapting as the browser UI gets visible or hidden)
Mads Brodt
Run GitHub Actions 2x faster at half the cost.
The newer CSS viewport units (svh, lvh, dvh) are one of my favourite features in modern CSS π₯
β The "smallest viewport height" (svh) will always fit the smallest amount of space (all content will always be visible)
β The "largest viewport height" (lvh) will always take up the largest amount of space (potentially hiding some content underneath UI)
β The "dynamic viewport height" (dvh) will resize to fit the currently available space (adapting as the browser UI gets visible or hidden)
Mads Brodt
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯16β€7π5
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
CHALLENGEβ
Run GitHub Actions 2x faster at half the cost.
CHALLENGE
const array = [1, 2, 3];
const result = array.map(function(n) {
return this ? n : 0;
}, false);
console.log(result);
Please open Telegram to view this post
VIEW IN TELEGRAM
π6β€4π₯3
β€10π€6π3π₯3π€©3
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
π Ky: Tiny, Elegant Fetch-Based HTTP Client for Browsers
Makes the Fetch API tidier to use as shown here. If you want to tighten up your
Sindre Sorhus
Run GitHub Actions 2x faster at half the cost.
Makes the Fetch API tidier to use as shown here. If you want to tighten up your
fetch
calls, it's worth a look.Sindre Sorhus
Please open Telegram to view this post
VIEW IN TELEGRAM
π7β€4π₯2
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
CHALLENGEβ
Run GitHub Actions 2x faster at half the cost.
CHALLENGE
function* generator() {
yield* [1, 2];
yield* (function* () { yield 3; yield 4; })();
}
const gen = generator();
console.log([...gen]);
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯7π4β€2
π8π€4π€£4β€3
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
π Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof
Packed with code and examples. Some techniques arenβt universally supported yet, but thereβs a lot that the browser can offer that you donβt need to reimplement yourself, like color picking, modals, and animations.
Kilian Valkhof
Run GitHub Actions 2x faster at half the cost.
Packed with code and examples. Some techniques arenβt universally supported yet, but thereβs a lot that the browser can offer that you donβt need to reimplement yourself, like color picking, modals, and animations.
Kilian Valkhof
Please open Telegram to view this post
VIEW IN TELEGRAM
π7β€2π₯2
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
CHALLENGEβ
Run GitHub Actions 2x faster at half the cost.
CHALLENGE
const obj = {
a: 1,
b() {
return this.a + 1;
}
};
const { b } = obj;
console.log(b());
Please open Telegram to view this post
VIEW IN TELEGRAM
π1
π€23π9π₯5β€3
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
β So You Think You Know Box Shadows?
The author indulges his creative side with some fun experiments into what he calls βsome of the worst possible thingsβ you can do with box shadows on a DIV element, coupled with JavaScript.
David Gerrells
Run GitHub Actions 2x faster at half the cost.
The author indulges his creative side with some fun experiments into what he calls βsome of the worst possible thingsβ you can do with box shadows on a DIV element, coupled with JavaScript.
David Gerrells
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯3β€2π2
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
CHALLENGEβ
Run GitHub Actions 2x faster at half the cost.
CHALLENGE
const obj = { a: 1, b: 2 };
Object.defineProperty(obj, 'b', { value: 3, writable: false });
obj.b = 4;
console.log(obj.b);
Please open Telegram to view this post
VIEW IN TELEGRAM
π5π₯2π€1
π€£14β€7π6π₯2π€2
SPONSORED BY Blacksmith π©βπ
Run GitHub Actions 2x faster at half the cost.
βΌοΈ Astro 4.12: Say Hello to Server Islands
The flexible Astro framework for building modern content-based sites continues to go from strength to strength. v4.12 includes a new concept of server islands, a way to integrate static HTML and server-side generated components together.
Erika and Phillips (Astro)
Run GitHub Actions 2x faster at half the cost.
The flexible Astro framework for building modern content-based sites continues to go from strength to strength. v4.12 includes a new concept of server islands, a way to integrate static HTML and server-side generated components together.
Erika and Phillips (Astro)
Please open Telegram to view this post
VIEW IN TELEGRAM
π4π₯3β€2
SPONSORED BY Lantern Cloud π―ββοΈ
Vector database on top of Postgres for AI
β CHALLENGE
Vector database on top of Postgres for AI
const a = { value: 1 };
const b = Object.create(a);
b.value = 2;
console.log(b.value);
console.log(a.value);
Please open Telegram to view this post
VIEW IN TELEGRAM
π3
π€13β€6π€£5π4π₯3π€©1
This media is not supported in your browser
VIEW IN TELEGRAM
SPONSORED BY Lantern Cloud π―ββοΈ
Vector database on top of Postgres for AI
π² Node.js Adds Experimental Support for TypeScript
Wes Bos
Vector database on top of Postgres for AI
Wes Bos
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π€£4β€3π₯1
SPONSORED BY Lantern Cloud π―ββοΈ
Vector database on top of Postgres for AI
β CHALLENGE
Vector database on top of Postgres for AI
let count = 0;
const counter = (function() {
count = 0;
return function() {
count += 1;
return count;
};
})();
count = 10;
counter();
console.log(count);
Please open Telegram to view this post
VIEW IN TELEGRAM
π€©6π3π₯2β€1π€1
π9π€©6β€3
SPONSORED BY Lantern Cloud π―ββοΈ
Vector database on top of Postgres for AI
π₯Ήππemoji-picker-element: A Lightweight Emoji Picker
An emoji picking control, packaged as a Web Component. You can also add custom emoji to it. GitHub repo.
Nolan Lawson
Vector database on top of Postgres for AI
π₯Ήππemoji-picker-element: A Lightweight Emoji Picker
An emoji picking control, packaged as a Web Component. You can also add custom emoji to it. GitHub repo.
Nolan Lawson
Please open Telegram to view this post
VIEW IN TELEGRAM
β€3π₯3π2
SPONSORED BY Lantern Cloud π―ββοΈ
Vector database on top of Postgres for AI
β CHALLENGE
Vector database on top of Postgres for AI
const target = {
age: 30
};
const handler = {
get: function(obj, prop) {
return obj[prop]++;
}
};
const proxy = new Proxy(target, handler);
console.log(proxy.age);
console.log(target.age);
console.log(proxy.age);
Please open Telegram to view this post
VIEW IN TELEGRAM
π8π€7π₯4β€3
π€8π7β€5