John Siciliano
@johnsicili.bsky.social
// Creating technical content
👉 Advanced styles
- Pointer events none so you can hover over the globe and it registers as hovering over the stats
- Calcs to use a consistent offset and move things around
- Using --ease-squish-3 from Open Props
- The only custom CSS was keyframes for the live indicator
- Pointer events none so you can hover over the globe and it registers as hovering over the stats
- Calcs to use a consistent offset and move things around
- Using --ease-squish-3 from Open Props
- The only custom CSS was keyframes for the live indicator
December 27, 2024 at 1:46 PM
👉 Advanced styles
- Pointer events none so you can hover over the globe and it registers as hovering over the stats
- Calcs to use a consistent offset and move things around
- Using --ease-squish-3 from Open Props
- The only custom CSS was keyframes for the live indicator
- Pointer events none so you can hover over the globe and it registers as hovering over the stats
- Calcs to use a consistent offset and move things around
- Using --ease-squish-3 from Open Props
- The only custom CSS was keyframes for the live indicator
👉 The data gets into KV via a Worker Schedule that runs once per day.
To achieve extremely high perf, I made a cron job that fetches data from 4 different sources (Cloudflare, Discord, GitHub, and Supabase).
Most sources require multiple fetches to get the required data.
To achieve extremely high perf, I made a cron job that fetches data from 4 different sources (Cloudflare, Discord, GitHub, and Supabase).
Most sources require multiple fetches to get the required data.
December 27, 2024 at 1:46 PM
👉 The data gets into KV via a Worker Schedule that runs once per day.
To achieve extremely high perf, I made a cron job that fetches data from 4 different sources (Cloudflare, Discord, GitHub, and Supabase).
Most sources require multiple fetches to get the required data.
To achieve extremely high perf, I made a cron job that fetches data from 4 different sources (Cloudflare, Discord, GitHub, and Supabase).
Most sources require multiple fetches to get the required data.
👉 The API was custom-built using a tiny Cloudflare Worker.
It responds to GET requests by fetching a single key-value pair from Cloudflare KV.
It takes 40-50ms ⚡️
It responds to GET requests by fetching a single key-value pair from Cloudflare KV.
It takes 40-50ms ⚡️
December 27, 2024 at 1:46 PM
👉 The API was custom-built using a tiny Cloudflare Worker.
It responds to GET requests by fetching a single key-value pair from Cloudflare KV.
It takes 40-50ms ⚡️
It responds to GET requests by fetching a single key-value pair from Cloudflare KV.
It takes 40-50ms ⚡️
👉 Webstudio Resources are used to fetch the data from an API.
I pasted in the API URL, it gets the data, and then I connect or bind that data to my text blocks.
I pasted in the API URL, it gets the data, and then I connect or bind that data to my text blocks.
December 27, 2024 at 1:46 PM
👉 Webstudio Resources are used to fetch the data from an API.
I pasted in the API URL, it gets the data, and then I connect or bind that data to my text blocks.
I pasted in the API URL, it gets the data, and then I connect or bind that data to my text blocks.
I’ve found that AI (or my prompts?) haven’t been reliable with colors, which is why 1. I try to do as much without AI as possible, and 2. there is manual intervention. TBD how to move forward, though the current process is still faster than manually doing it all.
December 13, 2024 at 3:00 PM
I’ve found that AI (or my prompts?) haven’t been reliable with colors, which is why 1. I try to do as much without AI as possible, and 2. there is manual intervention. TBD how to move forward, though the current process is still faster than manually doing it all.