caleb
LightNews LightNews
banner
calebjasik.jasik.xyz
caleb
@calebjasik.jasik.xyz
560 followers 1.5K following 820 posts
drawing pretty rectangles 🟪 @defined.net

css

he/he/hrmm
Posts Replies Media Videos
calebjasik.jasik.xyz
lmao that link throws an error on web:
Error: Not supported on web
October 30, 2025 at 7:56 PM
calebjasik.jasik.xyz
ah, looks like they did (www.apple.com/apple-watch-...)
Measure your blood oxygen. It’s a breathtaking innovation. The Health app on iPhone uses data from the sensor in Apple Watch to enable you to take on-demand readings of your blood oxygen as well as background readings, day and night.
September 9, 2025 at 6:29 PM
calebjasik.jasik.xyz
woohoo i’m starting a similar journey also 3am oslo/copenhagen time 😴
photo of a copenhagen metro station, Amaer Strand
June 17, 2025 at 2:32 AM
calebjasik.jasik.xyz
beautiful views in oslo 😍 #ReactNorway #Oslo #Norway
scandic hotel holmenkollen a green view
June 13, 2025 at 3:24 PM
calebjasik.jasik.xyz
that’s a wrap! now time for dinner and drinks! #ReactNorway #ReactNorway2025
end slide for react norway
June 13, 2025 at 3:04 PM
calebjasik.jasik.xyz
One click away: add structured data for pages so search engines can show nice previews for your page
nice shop embeds in google search showing how to add a product schema to your web page
June 13, 2025 at 3:02 PM
calebjasik.jasik.xyz
The Social Network
showing a page embed in different social platforms example for open graph data in nextjs
June 13, 2025 at 3:01 PM
calebjasik.jasik.xyz
The canonical show
showing two of the same page, with different urls link the “canonical” url for the page
June 13, 2025 at 3:01 PM
calebjasik.jasik.xyz
hidden figures
traditional faqs with details and summary naive implementation using react and a button better: use details and summary
June 13, 2025 at 2:57 PM
calebjasik.jasik.xyz
in time - size matters
an html page 50mbs in weight, took 50s to load
June 13, 2025 at 2:55 PM
calebjasik.jasik.xyz
avoid blocking js
a regular script tag that blocks all loading of other resources
June 13, 2025 at 2:53 PM
calebjasik.jasik.xyz
graphql has hidden query costs
showing how each fragment makes a query exponential bigger
June 13, 2025 at 2:52 PM
calebjasik.jasik.xyz
catch me if you can
loading when you scroll to the end of the page naive approach is to grab everything and slice what the user wants instead incrementally load as you go
June 13, 2025 at 2:51 PM
calebjasik.jasik.xyz
but typescript is happy…
screen showing buggy code that passes typescript
June 13, 2025 at 2:47 PM
calebjasik.jasik.xyz
USE SEMANTIC HTML
using semantic html makes it easier for screenreaders to navigate around a website
June 13, 2025 at 2:46 PM
calebjasik.jasik.xyz
optimizing links for screen readers
naive approach is just “read more” and an image incremental is to use an aria-label (better is to use screen reader only text)
June 13, 2025 at 2:45 PM
calebjasik.jasik.xyz
adding a background image that covers the entire space
naive approach: set a background image with css, this has less flexibility and takes longer to load since not in html instead add object-fit: cover to the image and position it behind the content
June 13, 2025 at 2:42 PM
calebjasik.jasik.xyz
can use picture to adjust the image size for mobile

also for art direction
naive approach rendering a regular img tag with a jpeg use a picture tag to include multiple image sizes and webp as a smaller alternative to jpeg use media queries in picture tag to use different pictures depending on the browser width
June 13, 2025 at 2:40 PM
calebjasik.jasik.xyz
an improvement: request just the font weights we need

then just request the letters we need
request just the font weights we need request just the letters we need
June 13, 2025 at 2:40 PM
calebjasik.jasik.xyz
4 different fonts for a landing page
a landing page using Roboto, Playfair display, Heebo, and Roboto Slab a naive approach to linking the fonts from google fonts, just linked directly from google fonts
June 13, 2025 at 2:40 PM
calebjasik.jasik.xyz
Top 20 boring fundamentals you forget before shipping
June 13, 2025 at 2:34 PM
calebjasik.jasik.xyz
Vasil Dimitrov
Top 20 boring fundamentals you forget before shipping
Lead Frontend Developer, Crystallize
Vasil Dimitrov Top 20 boring fundamentals you forget before shipping Lead Frontend Developer, Crystallize
June 13, 2025 at 2:33 PM
calebjasik.jasik.xyz
now, 200 clients can join a kahoot game instantly
Priority system I am trying to join the game! Alice / am trying to select the polar bear! Bob St! Connecting to Kahoot A Host-prioritized order 1. Charlie answers question 2. Alice joins the game 3. Bob changes avatar to polar bear I am trying to answer the question! Charlie 35/39
June 13, 2025 at 2:29 PM
calebjasik.jasik.xyz
they added batching :D
conceptual view of how things are architectured now in kahoot
June 13, 2025 at 2:29 PM
calebjasik.jasik.xyz
showing how they fixed the redux perf issue
June 13, 2025 at 2:26 PM