906 private links
CSS Grid is one of the most amazing parts of the CSS language. It gives us a ton of new tools we can use to create sophisticated and fluid layouts.
It's also surprisingly complex. It took me quite a while to truly become comfortable with CSS Grid!
In this tutorial, I'm going to share the biggest 💡 lightbulb moments I've had in my own journey with CSS Grid. You'll learn the fundamentals of this layout mode, and see how to do some pretty cool stuff with it. ✨
JavaScript is a powerful language for building dynamic web applications, but with great power comes great responsibility. Ensuring the security and privacy of your web applications is crucial. This guide covers essential best practices to protect your applications and users.
In the fast-paced world of software development, time is of the essence, and having quick access to vital information can mean the difference between coding bliss and coding chaos. Enter cheat sheets – these invaluable resources have become a developer's best friend, serving as concise reference guides that can save countless hours of frustration and endless googling. In this article, we will explore a collection of cheat sheets tailored specifically for developers.
In this post, I will share some new and helpful html tags which are added in HTML5 to write easy and fast code to create complex, dynamic, engaging, and effective websites.
- dialog
- template
- picture
- meter
- output
- progress
- mark
- abbr
- time
- bdi
- wbr
- main
- figcaption
Voici comment je fais pour rajouter automatiquement une balise autour des emojis présents dans mes articles :
function niceEmoji(text) {
const emojiRegex = /(\p{ExtPict}(\u200d\p{ExtPict}|\p{EMod})*)/gu;
return text.replace(emojiRegex, '<span class="u-emoji">$1</span>');
}
The
@counter-styleCSS at-rule lets you extend predefined list styles and define your own counter styles that are not part of the predefined set of styles. The@counter-stylerule contains descriptors defining how the counter value is converted into a string representation.
A happy place to design and build for the web
Use the full power of CSS with an advanced visual builder, connect your frontend to any backend, and avoid hosting lock-in.
The next generation Linux workstation, designed for reliability, performance, and sustainability.
Bluefin Administration Guide - Bluefin and Aurora - Universal Blue
rpm-ostree rebase ostree-image-signed:docker://ghcr.io/ublue-os/bluefin:latest
This is a roundup of the best websites where you can find and download free HTML templates built with... Tagged with html, css, webdev, frontend.
Creating shapes using CSS is, without any doubt, a classic exercise. In many cases, we try to use hacky code and workarounds, but CSS has evolved, and we have modern ways to create CSS Shapes with clean, reusable code. In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.
GraphQL is a powerful tool for querying data from remote servers and my preferred way of building APIs (Application Programming Interface). For some people, it might be difficult to learn as the tutorials are usually written using tools such as Apollo or Relay. These tools are great but often suited for more complicated projects. In certain scenarios, there might be better to choose a more lightweight approach and not increase bundle size with additional libraries. In these cases, you can work directly with the tools available in the browser. In this quick tutorial, we will use fetch, commonly available in your browser. Let’s first quickly revise what fetch is and how it is usually used with REST API, then we can move to simple GraphQL queries execution.
Type-level programming in TypeScript involves using types as values and manipulating them to achieve various tasks at compile time. Here's an exhaustive list of elements and techniques commonly used in type-level programming in TypeScript.
This is a website made by me, Ryan Mulligan, a front-end builder of the web and fellow passenger through space and time.
- The first CSS framework based on Material Design 3.
- 10x smaller than others CSS frameworks based on Material Design.
- Translates Material Design to HTML semantic standard.
- Ready to use with any JS framework.
- Highly focused on DX.
Developers and Open Source authors now have many services offering free tiers, but finding them all takes time to make informed decisions.
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings with free developer tiers.
The scope of this particular list is limited to things that infrastructure developers (System Administrator, DevOps Practitioners, etc.) are likely to find useful. We love all the free services out there, but it would be good to keep it on topic. It's a grey line sometimes, so this is opinionated; please don't feel offended if I don't accept your contribution.
This list results from Pull Requests, reviews, ideas, and work done by 1100+ people. You can also help by sending Pull Requests to add more services or remove ones whose offerings have changed or been retired.
Modern CSS Solutions for Old CSS Problems
Une spécification ajoutant une signification lisible pour l'humain et pour la machine dans les messages des commits
The goal of this handbook is to provide gentle step-by-step instructions that will help you learn the key concepts of React.
Instead of covering all the theories and concepts of React in their entirety, I'll be teaching you important building blocks of the library. You'll learn about JSX, components, props, states, event handlers, creating forms, and running network requests.
Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine. Stimulus pairs beautifully with Turbo to provide a complete solution for fast, compelling applications with a minimal amount of effort.