Issue #320 · April 10, 2023

The Ultimate Guide to Image Optimisation

“Technology made large populations possible; large populations now make technology indispensable”

The Ultimate Guide to Image Optimisation

The Ultimate Guide to Image Optimisation

Image optimisation is the web performance the lowest hanging fruit. If you don't optimise your images you are missing out big time on making your website experience fast and smooth. In this article, you can learn how to optimise images without sacrificing their final quality.

Articles

A Business Case for SvelteKit

If you have been wondering what using Svelte and SvelteKit would be like, you might enjoy this case study by XtendOps, a company that recently moved their stack from ServerFul Svelte to SvelteKit.

Nano JSX

Designed to build ultra fast Multi-Page Apps (MPAs), using isomorphic JavaScript. Written in TypeScript. Server Side first with partial hydration. Perfect for your next PWA. As small as Svelte (1kb!).

CSS Masking

In the design world, masking is a popular technique to achieve unique design effects. Interestingly enough, usage of masks in the web is still somewhat rare... and it feels like a lost opportunity for coming up with impressive and innovative designs. So let's deep dive on this awesome article full of some real-life examples!

Improving CSS Shapes with Trigonometric Functions

Another deep dive into CSS features that we don't use enough. This time is about how to optimize CSS shapes, using... some cool Maths! Specifically, trigonometric functions, enable interesting options for CSS shapes, clip paths, and more.

Making Tanstack Table 1000x faster with a 1 line change

When you have to render large tables on the web, it's always a challenge. In this case study, the author was attempting to render a table with up to 50k rows of content Grouped by up to 3 columns Using react and virtualized rendering. Showing 50k rows was performing well enough, but there were some quite interesting opportunities for optimisation...

julien040/gut: An easy-to-use git client

OK, let me be straight. The number one reason why I like this alternative Git CLI tool is because I often misspell git into gut! 😅 So yeah, I can definitely see myself using this! Other than that, gut is an alternative approach to using git on the CLI. It focuses on DX for novice developers, trying to provide higher-level guided commands that should result to be friendlier when getting started with git!

Book of the week

Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5

Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5

by Robin Nixon

The fully revised, updated and extended 4th edition of the hugely popular web development book - includes CSS, HTML5, jQuery and the mysqli extension. Build interactive, data-driven websites with the potent combination of open-source technologies and web standards, even if you only have basic HTML knowledge. With this popular hands-on guide, you'll tackle dynamic web programming with the help of today's core technologies: PHP, MySQL, JavaScript, jQuery, CSS, and HTML5.