Konva : une library JavaScript permettant de manipuler le Canvas HTML5 avec des fonctionnalités avancées comme l'interactivité, la gestion des couches, les animations et les événements.

Bearstech

• konvajs/konva Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
• Starting with Konva Konva - JavaScript Canvas 2d Library

jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application.

If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with.

Part 3 of my in depth tutorial series on building a modern full-stack web app, using Java with Spring Boot, Javascript with Vue and NuxtJS, Docker, Heroku, Gitlab CI/CD. The goal of this part is that we want to prepare our web-apps for easy and modern deployment. We want to be able to quickly run our front- and backend on any machine and have the ability to scale the application if needed.

At this point we have a front- and backend that runs perfectly on our local machine. While this tutorial will make more sense if you completed the previous parts, it can also be helpful in general. The goal of this part is that we want to prepare our web-apps for easy and modern deployment. We want to be able to quickly run our front- and backend on any machine and have the ability to scale the application if needed. As with everything else there are plenty of ways to accomplish it. For this series we will work with Docker as it has gained incredible popularity over the past years. This tutorial is split into four subparts:

• What is Docker?
• Dockerizing the frontend
• Dockerizing the backend
• Running it all at once

Dans le monde du développement logiciel, Git est devenu un outil incontournable pour la gestion de versions. Cependant, avec des dépôts de plus en plus volumineux, il peut devenir fastidieux de cloner l'intégralité d'un projet, surtout si vous n'avez besoin que d'une partie spécifique du code. C'est là qu'intervient la commande git sparse-checkout.

TL;DR

git clone --no-checkout <URL_du_dépôt>
cd <nom_du_dépôt>

git sparse-checkout init --cone

git sparse-checkout set src/

git sparse-checkout add bin/ templates/

git sparse-checkout list

git sparse-checkout est un outil puissant pour gérer efficacement les grands dépôts Git en réduisant la quantité de fichiers récupérés. Il permet d'améliorer les performances et de travailler plus efficacement en ne téléchargeant que ce qui est réellement nécessaire.

Hello, my name is Hugo and I've been blogging since 2003. Over the years, I've tested countless tools, platforms, and strategies to create and grow blogs.

Beyond blogging, I'm an entrepreneur who founded and scaled a startup to 700 employees across Europe. Throughout my journey, I've maintained my blog to share insights and lessons learned along the way.

I'm also the founder of BlogTally , a toolbox specifically designed for bloggers and content creators, and the creator of Bloggrify , an open-source static blog generator.

A cartoon-style water effect with custom shaders, optimized for performance, built with React Three Fiber.

• Creating Stylized Water Effects with React Three Fiber Codrops
• GitHub - thaslle/stylized-water

This handbook will teach you the basics of TypeScript, including what it is, why it is useful, and the key features it offers.

TypeScript was created by Anders Hejlsberg, a prominent software engineer at Microsoft who’s also known for his work on C# and Delphi. TypeScript was designed to enhance JavaScript by adding static types, making it easier to build and maintain large-scale applications.

We’ll start by using Vite to integrate TypeScript with a React project. Then you’ll learn about key concepts like type annotations, type inference, and how to handle objects and arrays.

After that, we’ll explore advanced topics such as union and any types, readonly properties, functions with specific parameter and return types, generics for flexible and reusable code, and the distinctive roles of type aliases and interfaces.

I’ll provide detailed examples and explanations throughout the handbook to give you a comprehensive understanding of how TypeScript's features can improve JavaScript development.

With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.

GitHub - cypress-io/cypress Fast, easy and reliable testing for anything that runs in a browser.

The power of Cursor for your own website. Onlook lets you edit your React website and write your changes back to code in real-time. Iterate and experiement with AI. Download the open-source, local-first desktop app today.

In this post, I’ll introduce you to 21 must-bookmark React GitHub repositories that will help your React journey.

Use Decap CMS with any static site generator for a faster and more flexible web project

A Git-based CMS for Static Site Generators

• GitHub - decaporgdecap-cms A Git-based CMS for Static Site Generators
• Decap CMS Development Test

The open-source form backend for data privacy conscious developers.

FormBee is an easy way to send form data that is submitted on your website to your email, Telegram, Webhooks, Etc. It is a "Form Backend" which means it allows you to have functional forms that send places without having to write any server side code yourself! We have a hosted option available here: FormBee Website or you can self-host it!

• GitHub - FormBee/FormBee The open-source form backend for data privacy conscious developers.

That's why this blog (at the time of writing) aims to render the default operating system fonts. After reading Stoyan's post on system fonts I could just do a little spring clean up.

tl;dr

body {
  font-family: system-ui, sans-serif;
}

matcha.css is a pure CSS library designed to style HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents.

Ideal for fast prototyping, static HTML pages, Markdown-generated documents, and developers seeking to streamline their workflow without delving into CSS intricacies and want to make use of the full range of available HTML elements.

• ✓ No build steps
• ✓ No dependencies
• ✓ No JavaScript
• ✓ No configuration needed
• ✓ No refactoring required
• ✓ ~8.82kB gzipped

Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.

Write your app first, choose your backend later. Getting started is as easy as adding a script tag or running npm install use-fireproof in your project. Experience live updates across peers so everyone can collaborate together, using your existing backend.

Try the React or Solid tutorials, open the code pen above , hack on this HTMX example.

Le calendrier de l’avent des gens qui font le web d’après.

Les animations liées au scroll (ou scroll-driven animations) constituent une nouvelle fonctionnalité CSS permettant de synchroniser des animations avec le défilement d'une page ou d'un conteneur. Cette solution native vient remplacer efficacement les scripts JavaScript habituels, avec une meilleure performance et une implémentation simplifiée de manière générale.

If you’ve been running your own personal website or a blog for a while, you are likely familiar with the og:image and twitter:image meta tags that let you specify an image that will be shown when you or someone else shares a link to your site or an article on social media.

Did you also know that there are accompanying meta tags that let you provide alt text for this image?

That would be og:image:alt and twitter:image:alt.

Earlier this year we’ve been asked to help redesign the website of lowtechmagazine.com. The primary goal of the redesign was to radically reduce the energy use associated with accessing their web content. At the same time it is an attempt to find out what a low-tech website could be.

In general the idea behind lowtechmagazine.com is to understand technologies and techniques of the past and combine them with the knowledge of today. Not in order to be able to ‘do more with the same’, but rather ‘to do the same with less’.