| Tan Li Hau's Blog
| Tan Li Hau's Blog
I am going to share an anecdote on how I implemented {#key} logic block in Svelte| Tan Li Hau's Blog
| Tan Li Hau's Blog
Svelte issue #5012 - Slot containing only {@html value} renders in wrong place on update| Tan Li Hau's Blog
I am going to tell you an anecdote on how I investigated and fixed a bug in Svelte. I documented down my train of thoughts as detailed as possible. I hope this gives anyone who is reading, a glimpse on how to work on the Svelte source code.| Tan Li Hau's Blog
| Tan Li Hau's Blog
The Svelte compilation process can be broken down into 4-steps, 1) parsing source code into AST, 2) tracking references and dependencies, 3) creating code blocks and fragments, and 4) generate code.| Tan Li Hau's Blog
| Tan Li Hau's Blog
| Tan Li Hau's Blog
I’ve been building static single page apps using adapter-static for a while now, and I love how simple the deployment story is – just upload a folder of files and you’re done! If you are unfamiliar with this adapter, it compiles down your app to a folder of HTML, CSS and JavaScript files. A couple of months ago, the SvelteKit maintainers added two features that really caught my attention. They were actually both part of Advent of Svelte in 2024. With these new features, we can make our ...| Stanislav Khromov
Developers across government often face the challenge of building hundreds of data-rich web pages that are both accessible and easy to understand. Without a standardised solution, this can lead to duplicated effort and inconsistent results. A team in MHCLG is tackling this by developing a flexible toolkit that combines GOV.UK design standards with powerful data visualisation tools, helping teams build engaging digital products faster and more consistently.| mhclgdigital.blog.gov.uk
Learn hardward from a software background| Tiger Oakes
If you’re a programmer, you’re likely already using AI and large language models in your workflow. For some time now, Claude Sonnet has been the undisputed king of models used for programming. It has earned the top spot in multiple code-focused benchmarks, such as the Aider LLM leaderboard and LiveBench. But that dominance might be changing. Google’s Gemini 2.5 Pro has quickly overtaken the top spot from Sonnet 3.7 in many benchmarks. It also sports a 1 million token context window—ab...| Stanislav Khromov
Streaming in SvelteKit is a powerful feature that allows you to load data progressively. In a nutshell, streaming allows your SvelteKit app to send an initial content response to the browser quickly, while fetching and sending additional data as it becomes available. This can make your app feel more responsive, especially when dealing with slow data sources. While streaming data loads you can easily show loading spinners. What is streaming? In a traditional SvelteKit application without strea...| Stanislav Khromov
The amount of JavaScript you ship to your users directly impacts your site’s performance. A smaller bundle size means faster initial loading times and an overall snappier experience for end users. In this post, I’ll show you how to analyze your SvelteKit bundle size and optimize it by moving heavy dependencies to the server. Analyzing Bundle Sizes Before we start, let’s set up a tool to visualize our bundle sizes. We’ll use rollup-plugin-visualizer, which works great with SvelteKit. I...| Stanislav Khromov
With the release of Svelte 5 and its new runes syntax, many developers are wondering how to get reliable AI assistance that understands the latest features in Svelte 5 working with ChatGPT, Claude, Continue, Cursor and other tools. The challenge with AI and new frameworks When a new major framework version is released, AI tools often struggle to provide accurate code samples since they were trained on older documentation. This creates two main problems: The official solution: llms.txt As part...| Stanislav Khromov
How we put together a murder mystery with the Internet of Things.| tigeroakes.com
April 18, 2023 On the New Heights Podcast, Jason Kelce said "We just had our first double-digit comeback win in the 4th quarter in my entire career" to which his brother, Travis Kelce, said "Shut up that is not a real stat". This visualization analyzes all of the fourth quarter comebacks throughout both of their careers and determines if it is a real stat. Recognition: Jason Kelce said "This is well done Lindsey, and I must say, much more thorough research to reveal the actual numbers. Very n...| Lindsey Poulter
March 11, 2023 Dive into the history of the Big Five Oscar awards - Best Picture, Best Director, Best Screenplay, Best Actor, & Best Actress - and see the most frequent combinations. VIEW PROJECT| Lindsey Poulter
A mix of design style guides, map making tutorials and machine learning research| MORPHOCODE
Use Svelte 3 and the Intersection Observer API to build an Unsplash Search App. A great exercise for developing your Svelte skills.| Freshman — Articles and Tutorials on Software Development
A practical introduction to Svelte 3 by building a simple Todo list app| Freshman — Articles and Tutorials on Software Development
Svelte fully supports custom elements (e.g. ) without any custom configuration or wrapper components and has a perfect score on Custom| CSS-Tricks