942 private links
An Open Source JavaScript Visualization Library
Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.
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.
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.
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
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.
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
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!
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.82kBgzipped
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-fireproofin 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.