Sign in

shivan.xyz

@shivan.xyz
161 followers 271 following 944 posts

Web Developer & Optometrist shivan.xyz

PostsRepliesMedia
shivan.xyz @shivan.xyz · 20/09/2026
Does anyone have a article on spacing content on a page? How much margin for a heading, paragraph etc.
000
shivan.xyz @shivan.xyz · 25/08/2026
Just signed up for the @dddmelbourne.bsky.social conference for 2027! ti.to/ddd-melbourn...
ti.to
DDD Melbourne 2027
DDD Melbourne is a non profit community event run by and for the software development community. Anyone can submit a session to the event and delegates then vote on the sessions they want to see. Tick...
010
shivan.xyz @shivan.xyz · 15/08/2026
I've made a move to Melbourne, Australia. Let's see if this city rubs of on me - giving me creative juice.
Locks on a bridge (wire change) with a the MCG stadium in the distance.A bridge over a river with a 8 person rowing teamA glass pane showing heading New Zealand with various notes about immigrations from New Zealand the Australia, Palmerston North being mentioned.A metal sculture on a bridge with two people holding hands.
030
Reposted by @shivan.xyz
Antoine @antleth.fr · 13/08/2026
Solid 2.0 and SvelteKit 3.0 reaching RC 1h apart How beautiful is this
1181
shivan.xyz @shivan.xyz · 19/07/2026
This makes me think about coding styles/philosophies that we could introduce. - tigerstyle.dev
tigerstyle.dev
TigerStyle
TigerStyle is a coding philosophy focused on safety, performance, and developer experience.
040
shivan.xyz @shivan.xyz · 19/07/2026
In a recent dev meetup for work, I talked about AT protocol. I referenced these below: - atproto.com/guides/overv... - overreacted.io/open-social/
atproto.com
Protocol Overview - AT Protocol
An introduction to the AT Protocol.
010
shivan.xyz @shivan.xyz · 08/07/2026
Just came in the post. I'm officially part of the club. The learning never stops, and I am open to some tips. What's next?
New Zealand Private Pilots license with some information removed.
010
shivan.xyz @shivan.xyz · 01/07/2026
@firefox.com now supports `field-size`. That means with one line of CSS we have text inputs that resize depending on the content. How cool? Here is a demo in @svelte.dev playground. More info: developer.mozilla.org/en-US/docs/W...
1100
shivan.xyz @shivan.xyz · 22/06/2026
I learn about *n for skipping the next occurrence. Also, f:. Thank you @geewiz.dev
010
Reposted by @shivan.xyz
Jochen Lillich @geewiz.dev · 22/06/2026
New blog post: "The motion that changed everything" ➜ monospacementor.com/2026/06/the-... #Learning #Vim
011
shivan.xyz @shivan.xyz · 21/06/2026
How to become a better team member?
000
shivan.xyz @shivan.xyz · 20/06/2026
I am still hand-typing code.
020
shivan.xyz @shivan.xyz · 20/06/2026
The Power of &
000
shivan.xyz @shivan.xyz · 20/06/2026
What are some good ways to keep track of films watched and books read? For my site, I'm considering creating a new content type for books read and films watched.
100
shivan.xyz @shivan.xyz · 17/06/2026
Should dark mode be supported by web applications as a minimum? Warning video does have significant contrast switching.
000
shivan.xyz @shivan.xyz · 14/06/2026
Prefer JavaScript runtime errors over TypeScript errors. shivan.xyz/posts/object...
shivan.xyz
Shivan Sivakumaran
This is my digital garden
130
shivan.xyz @shivan.xyz · 14/06/2026
I've started reading "Digital Minimalism" by Cal Newport.
000
shivan.xyz @shivan.xyz · 13/06/2026
Call me crazy (and also a little bit messy - dust appears 0.001ms after cleaning...), here are some items I have on my desk to create a sense of joy for work.
Accessories on a desk with numbers overlayed
120
shivan.xyz @shivan.xyz · 12/06/2026
My new @trmnl.com
230
shivan.xyz @shivan.xyz · 09/06/2026
Would it be useful (or even possible) to have duckduckgo !bangs for the svelte(kit) documentation?
Screen shot with 'svelte' in the search box showing no results for a list of duckduckgo bangs
010
shivan.xyz @shivan.xyz · 07/06/2026
Oath.
060
shivan.xyz @shivan.xyz · 06/06/2026
Can you think of cases where CSS Logical properties are no good?
200
shivan.xyz @shivan.xyz · 06/06/2026
I updated my "now" page :) shivan.xyz/now
Screenshot of a now page showing an update dates of May 31, 2026.
000
Reposted by @shivan.xyz
{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 04/06/2026
ONE LESS CONFIG! ONE LESS CONFIG!
1472
shivan.xyz @shivan.xyz · 01/06/2026
And for some completeness. Pen ink :)
010
Reposted by @shivan.xyz
Antoine @antleth.fr · 31/05/2026
Svelte pro tip: I surprised myself writing this very cool pattern You can make a prop be either an attribute or a snippet: very handy when you want to provide two "size variants" of the same content!
The component implementing it:
1) a prop with a union type `string | Snippet` imported from "svelte" (can be anything else than a string btw
2) with an `{#if}` block, check whether the prop is `typeof prop === "string"` to use it as a regular string, or wrap it in a `{@render}` block in the `{:else}` branch otherwise: easy!On usage, it's type-safe and flexible: the prop stays mandatory (if you declare it so), but can be used either as an attribute (`prop="content"`) or as a snippet with whatever you want inside!
5264
shivan.xyz @shivan.xyz · 31/05/2026
A pen that writes and a watch that tells the time (and month and day). Am I crazy to appeal to the analogue?
A fountain pen shown with light. In the background is paper with the words handwritten: 'I got a new fountain pen!'An arm outstretched with an an analogue watch
080
Reposted by @shivan.xyz
rich harris @rich-harris.dev · 30/05/2026
the single biggest criticism svelte has received over the years is 'you can't have multiple components in a file'. so we fixed it! by making them unnecessary. with declaration tags (svelte.dev/docs/svelte/...), snippets/each blocks/etc can have their own state: svelte.dev/playground/a...
a screenshot of https://svelte.dev/playground/aaac159f0f73466bb3859dfed6792cab?version=latest, demonstrating state-in-snippets
1120118
Reposted by @shivan.xyz
Ilja @fubits.dev · 30/05/2026
Look at what new "minor" feature Svelte 5.56.0 just introduced ... 🤯 Release: svelte-changelog.dev/package/svel... PR: github.com/sveltejs/sve... REPL: svelte.dev/playground/9...
svelte-changelog.dev
svelte | Svelte Changelog
A nice UI to stay up-to-date with Svelte releases
5183
shivan.xyz @shivan.xyz · 30/05/2026
Anyone here learning zig?
000
shivan.xyz @shivan.xyz · 30/05/2026
My goal is to once a week write up and video something interesting I learn. Here is a small write-up on defining CSS colours and theming. shivan.xyz/posts/theming
100
shivan.xyz @shivan.xyz · 30/05/2026
Check out my shirt :) @syntax.fm
010
shivan.xyz @shivan.xyz · 29/05/2026
Here I want to demonstrate the benefit of `oklch` vs `hsl`. Each row is supposed to demonstrate the same applied "lightness". Is it obvious that for one swatch, the perceived brightness varies (hsl), but in the other it seems quite consistent (oklch)?
Two range pickers at the top with colours and shades. Underneath are colours of roughly the same perceived brightness arranged by colour and shade.Two range pickers at the top with colours and shades. Underneath are colours of showing a variety of perceived brightness that do not line up.
200
shivan.xyz @shivan.xyz · 24/05/2026
I am starting to write content and make short videos on things I learn in the dev space. They aren't particularly difficult or "interesting" topics so I wonder if it's still worth sharing these things or is it a waste of time?
000
shivan.xyz @shivan.xyz · 24/05/2026
Date ranges with `Intl` are so cool! Even comes with different locales too.
160
shivan.xyz @shivan.xyz · 19/05/2026
Attempts at handsprings. 2026-05-17 (~88kg)
010
Reposted by @shivan.xyz
Koda (Regular Edition) @kodadocked.weaselware.app · 16/05/2026
Making a mobile & desktop web app! Making a suite of tools to help with interpersonal communication for families/households/couples. Super happy how it's coming along. 100% made from scratch, no frameworks used (other than Svelte) Also hire me! Please! I paid good money for this degree! Lol
021
shivan.xyz @shivan.xyz · 16/05/2026
getRequestEvent in SvleteKit is really cool! svelte.dev/docs/kit/$ap...
040
shivan.xyz @shivan.xyz · 14/05/2026
Wrote short post on logging in SvelteKit :) Also, discusses AsyncLocalStorage and come cool things in SvelteKit. shivan.xyz/posts/logging
shivan.xyz
Logging in SvelteKit
An example of logging in SvelteKit as well as the wonders of AsyncLocalStorage
1142
shivan.xyz @shivan.xyz · 12/05/2026
Discovered AsyncLocalStorage and getRequestEvent from SvelteKit today.
010
shivan.xyz @shivan.xyz · 04/05/2026
I'm wondering what logging library do you use with svelte? We use Sentry logging and it's node console integration.
000
shivan.xyz @shivan.xyz · 03/05/2026
I love logging onto svelte bluesky. I learn so many svelte tips and up to date svelte features
0120
Reposted by @shivan.xyz
Scott Spence @scottspence.dev · 03/05/2026
If you want to see it in action see: sveltekit-query-live.ss10.dev
sveltekit-query-live.ss10.dev
Live Wikimedia edits · SvelteKit query.live
A SvelteKit query.live demo streaming Wikimedia recent changes in real time.
5445
shivan.xyz @shivan.xyz · 26/04/2026
How do you feel if everyone else is drinking but you?
100
shivan.xyz @shivan.xyz · 07/04/2026
Been a while and having posted in a while. But I wanted to share this. I've been working on my blog site (using SvelteKit as an SSG) and implemented: - view transitions - search for my posts using fuse.js
130
shivan.xyz @shivan.xyz · 04/02/2026
Hi all, is there a bug in decompression/compression streaming on all browsers at the moment?
000
shivan.xyz @shivan.xyz · 25/01/2026
Hello friends, I know it depends... But I prefer using `rem` for units instead of `em` for CSS units. The reason is that I want most sizing to be relative to the font-size in root. LLMs seem to lean towards using `em`. Any ideas?
101
shivan.xyz @shivan.xyz · 18/01/2026
I am excited to announce that I successfully migrated my website from Hugo to SvelteKit (SSG) !!! 🎉 I loved using Hugo, but I'm a lot more comfortable with SvelteKit. I also used `opencode `AI tooling, not to write the code, but for some prompting help.
090
shivan.xyz @shivan.xyz · 10/01/2026
Any student pilots out there? Today, I tried flying in challenging conditions but flew one circuit, then announced a full stop. I was thinking I should he pushing myself, but on the other hand I don't want to ruin my confidence. I hope I made the right decision.
110
shivan.xyz @shivan.xyz · 08/01/2026
TIL `<hgroup>` is used to group heading content together, for example blog title, author, date etc. developer.mozilla.org/en-US/docs/W...
developer.mozilla.org
<hgroup>: The Heading Group element - HTML | MDN
The <hgroup> HTML element represents a heading and related content. It groups a single <h1>–<h6> element with one or more <p>.
100