Build Databases As Spreadsheets :
No-Coding Required
NocoDB allows building no-code database solutions with ease of spreadsheets.
Bring your own database or choose ours! Millions of rows? Not a problem.
Your Data. Your rules. You are in control.

A few years ago I made a Venn diagram using floats and absolute positioning. It was fine. Nothing to really brag about, but it got the point across.

I had use for CSS shapes in a project and wanted to play around beyond what the project itself allowed. I decided to revisit my Venn diagram and create something a bit more modern and flexible. This also gave me a chance to play with CSS grid overlaps, which I had not done yet simply because I had no reason.

This post is just a summation of what I made with some stuff I learned. To start, take a look at the base model of my CSS Grid and Shape-Outside Venn Diagram, also embedded immediately below.

One of my all-time favourite CSS tricks is using backdrop-filter: blur() to create a frosted glass effect. I use it in just about every project I work on, including this blog!

Here’s a quick demo, to show what I’m talking about:

This is an example website showing how I typically use backdrop-filter to create glassy headers.

Notice that as the cupcake moves behind the header, it appears blurry, as it would if it was passing behind frosted glass.

This effect helps us add depth and realism to our projects. It’s lovely.

But when I see this effect in the wild, it’s almost always missing some crucial optimizations. A couple of small changes can make our frosted glass so much more lush and realistic!

In this post, you’ll learn how to make the slickest frosted glass ever ✨. We’ll also learn quite a bit about CSS filters along the way!

An interactive playground for learning and testing CSS selectors in a visual way.

:books: Freely available programming books. Contribute to EbookFoundation/free-programming-books development by creating an account on GitHub.

An Open Source JavaScript Visualization Library

Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.

The source code is available on GitHub.

In this article, we are going to take a look at what CORS is, how you can configure CORS with Express, and how to customize the CORS middleware to your needs.

Conditional rendering in React allows you to display different UI elements based on conditions. This is useful for handling authentication states, user permissions, loading states, and more.

Just like JavaScript provides if-else, ternary (? :), logical AND (&&), and switch-case, React also uses these methods for rendering components conditionally.

In this post, you’ll learn about all these techniques, their best use cases, and best practices.

Access 271+ ready-to-use components and code snippets for HTML, React, CSS, and Tailwind CSS. Save development time with these pre-built solutions.

Have you ever wanted a quick view of your responsive breakpoints? This tool helps you see the relationship between breakpoints for dialing in UI. Change the breakpoints to fit your needs. Change text and color and make it your own.

• Blumed (Cullan)

En tant que développeurs, mathématiciens et autres, nous souhaitons que vous compreniez pourquoi on dit "chiffrer", mais pas "crypter". Partout, dans les médias classiques, dans les films, séries et sur Internet, les gens se trompent. Il est temps d'informer. D'ailleurs, merci Canal+ de parler de chaines cryptées, ça n'aide pas notre cause.

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.