shivan.xyz

28 Oct 2024

Hello, I'm new here. Looking to connect with other web developer, coders, programmers, or whatever you call yourselves!

interop-rank.fxdx.dev/share/shivan...

interop-rank.fxdx.devShivan Sivakumaran's 2027 Web Platform Feature RankingTop picks: 1. CSS interpolate-size property and calc-size() function, 2. CSS scroll-triggered animations, 3. CSS grid lanes (masonry)

Any Yoga practioners in the house?

20 Sept

Does anyone have a article on spacing content on a page? How much margin for a heading, paragraph etc.

ti.toDDD Melbourne 2027DDD 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...

25 Aug

Just signed up for the @dddmelbourne.bsky.social conference for 2027! ti.to/ddd-melbourn...

svelte.devThe SvelteKit 3 Release Candidate is hereWe’ve cleaned out the junk drawer

15 Aug

I've made a move to Melbourne, Australia. Let's see if this city rubs of on me - giving me creative juice.

shivan.xyz reposted

Antoine

@antleth.fr

13 Aug

Solid 2.0 and SvelteKit 3.0 reaching RC 1h apart How beautiful is this

Svelte@svelte.dev

svelte.dev/blog/sveltek...

tigerstyle.devTigerStyleTigerStyle is a coding philosophy focused on safety, performance, and developer experience.

19 July

This makes me think about coding styles/philosophies that we could introduce. - tigerstyle.dev

atproto.comProtocol Overview - AT ProtocolAn introduction to the AT Protocol.

19 July

In a recent dev meetup for work, I talked about AT protocol. I referenced these below: - atproto.com/guides/overv... - overreacted.io/open-social/

8 July

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?

1 July

@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...

developer.mozilla.orgfield-sizing CSS property - CSS | MDNThe field-sizing CSS property enables you to control the sizing behavior of elements that are given a default preferred size, such as form control elements. This property enables you to override the d...

1 July

```css field-size: content ```

22 June

I learn about *n for skipping the next occurrence. Also, f:. Thank you @geewiz.dev

Jochen Lillich@geewiz.dev

New blog post: "The motion that changed everything" ➜ monospacementor.com/2026/06/the-... #Learning #Vim

shivan.xyz reposted

Jochen Lillich

@geewiz.dev

22 June

New blog post: "The motion that changed everything" ➜ monospacementor.com/2026/06/the-... #Learning #Vim

21 June

How to become a better team member?

20 June

I am still hand-typing code.

The Power of &

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.

17 June

Should dark mode be supported by web applications as a minimum? Warning video does have significant contrast switching.

shivan.xyzShivan SivakumaranThis is my digital garden

14 June

Prefer JavaScript runtime errors over TypeScript errors. shivan.xyz/posts/object...

youtu.beJavascript runtime controls over Typescript ALL Programmers should considerYouTube video by Shivan

14 June

I've started reading "Digital Minimalism" by Cal Newport.

13 June

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.

13 June

1. Split keyboard to help with ergonomics 2. Ergonomic mouse that I use with Windows machines (I use the (3.) touchpad for MacOS) 3. Magic Trackpad that I use with MacOS. 4. Timer that shows a more physical representation of a countdown 5. E-ink Display 6. Pen Ink for my fountain pen

13 June

7. The morning ritual involves dark chocolate paired with homemade espresso flat white. I usually have this in a heated cup (not pictured) which keeps the brew warm 8. Misc. such as items to clean my desk as a mobility ball to roll out my wrist

My new @trmnl.com

With alt tag.

Would it be useful (or even possible) to have duckduckgo !bangs for the svelte(kit) documentation?

7 June

Oath.

Matt Hogg@matthogg.fyi

Avoid the hype and tinker with what interests you—it'll never be the wrong choice and is worth it in and of itself.

6 June

Can you think of cases where CSS Logical properties are no good?

youtu.beCSS Logical Properties ALL Programmers Should ConsiderYouTube video by Shivan

6 June

shivan.xyz/posts/logical

{🧪} +paoloricciuti.svelte

6 June

I updated my "now" page :) shivan.xyz/now

shivan.xyz reposted

@paolo.ricciuti.me

4 June

ONE LESS CONFIG! ONE LESS CONFIG!

Simon H@dummdidumm.bsky.social

Say goodbye to svelte.config.js - you don't need it anymore! The newest version of SvelteKit allows you to configure everything via its Vite plugin, and VS Code, svelte-check and SvelteKit itself can all read from it. On file less cluttering your project root.

1 June

And for some completeness. Pen ink :)

shivan.xyz@shivan.xyz

A pen that writes and a watch that tells the time (and month and day). Am I crazy to appeal to the analogue?

shivan.xyz reposted

Antoine

@antleth.fr

31 May

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!

31 May

A pen that writes and a watch that tells the time (and month and day). Am I crazy to appeal to the analogue?

shivan.xyz reposted

rich harris

@rich-harris.dev

svelte-changelog.devDetails of pull request sveltejs/svelte#18282 | Svelte ChangelogA nice UI to stay up-to-date with Svelte releases

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...

Antoine@antleth.fr

@const is dead, long live const! Svelte 5.56 allows for raw let/const ANYWHERE in the markup within {} brackets, deprecating {@const} This is huge! svelte-changelog.dev/pull/sveltej...

shivan.xyz reposted

Ilja

@fubits.dev

svelte-changelog.devsvelte | Svelte ChangelogA nice UI to stay up-to-date with Svelte releases

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...

Anyone here learning zig?

youtu.beHow ALL Programmers Should Define Colours & Themes in CSSYouTube video by Shivan

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

Check out my shirt :) @syntax.fm

29 May

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)?

en.wikipedia.orgHelmholtz–Kohlrausch effect - Wikipedia

29 May

I had to dust of the old optometry lecture slides. Remember this? Helmholtz-Kohlrausch effect? We are sensitive to different colours. `oklch` accounts for this but `hsl` does not. Lightness vs perceived brightness. en.wikipedia.org/wiki/Helmhol...