Cocoweb

How to center a div

2024-02-19T00:00:00Z

Veille

📗 How To Center a Div
The Ultimate Guide to Centering in CSS by Josh Comeau the author of the courses css for js developer.

🥳 Neal.fun
A website which features a lot of mini game by Neal, It reminds me of the flash era.

📗 Just write.
An article about juste writing, write anything but write in order to get used to it.

Repository Github

🐙 Tempo by FormKit
A new framework to work around date in JS. Inspired by date.js, moment.js etc…

Find copy/paste in your codebase

2024-02-12T00:00:00Z

Repository Github

🛠️ Jscpd: Copy/paste detector for programming source code.
Find copy paste in 150+ languages.

🛠️ Drab: A Headless Custom Element Library
Leveraging the web platform instead of reinventing the wheel. Use it everywhere, with or without you favorite js framework.

🛠️ Request Indexing: SEO dashboard
Find your missing on pages Google and request them to be indexed using the Web Search Indexing API.

Design

🎨 Design Trends 2024 by Ronas IT
Some examples of trends for 2024 :

Typography
AI Generated Art
Surrealism in 3D
Holographic
Minimalism & Brutalism

The regex curse

2024-02-05T00:00:00Z

Humor

😄 Regex for HTML
Don’t write regex for HTML never, you have been warned.

Veille

📗Schedule-X
Material design calendar and date picker.
React, Vue and plain JS components that make scheduling simple and elegant in your web project

📗Zed the new coding editor
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. It's also open source.

📗 Expressive Code
JS package which allow you to present your code with any VSCode theme directly on your own site.

📗 Calligrapher AI
Write anything and the website will generate a realistic computer-generated handwriting, which you can download for free without watermark.

📗 Release notes tool and changelog software
Transform your changelog into a magnificent website for your customer or shareholders. It will motivate you to write code.

📗 Listmonk App
If you want to stop using Mailchimp give a try to this free and open source self-hosted newsletter, mailing list manager, and transactional mails.

The developer who know everything

2024-01-29T00:00:00Z

Veille

🇫🇷 Le développeur qui sait tout
Learning is THE cheat tool if you want to be the best at what you do.

🔎 Arc search
The browser company launch their second product which is a browser for mobile focused on searching in the internet with speed and privacy.

📗 Modalz Modalz Modalz
We use too many modals for everything, this is a guide to help you use them correctly.

📗 Scrollbar.app
Generate a custom scrollbar easily with css.

😂 Humor of the week
Troll of the week by @levelsio.

Removing Typescript build step

2024-01-22T00:00:00Z

Veille

🎉 GQL.tada
Remove the build step from your graphql and TS, with gql.tada the type are inferred automatically !

💅 10.000+ Themes for shadcn/ui
Quickly generate and preview a color palette on top of shadcn/ui component !

CSS

🎨 Align the last line of a paragraph
Stefan explains the property text-align-last.

A Global Design System

2024-01-15T00:00:00Z

Veille

📗 A Global Design System | Brad Frost
Brad Frost advocates for creating a Global Design System, a global shared projects which gives us developper, designer, product owner a set of primitives components on which we can build on. This « utopia » aimed to give us a common basis in order to build the next digital challenge.

📗Pocket base
An open-source backend solution for SaaS and mobile apps, featuring a one-file setup with real-time database, authentication, file storage, admin dashboard, and ready-to-use features.

Design

🎨Designing better target sizes
An interactive guide that is all about enhancing the target size area with CSS.

CSS

🎨 How I'm Writing CSS in 2024
In 2024 we finally have :

CSS Nesting
has()
Container queries
And a lots of framework and bundler which make our life easier.

Lets get rich with ChatGPT

2024-01-08T00:00:00Z

Veille

📗 The ChatGPT store is about to launch, so let’s get rich
If we are in the gold rush of AI, this guy sell shovels.

📗 NPM I EVERYTHING
Install every package from npm.

Design

🎨 A list of good free icon libraries
A tweet of @jordanphughes of a selection of very good free icon libraries.

Vuejs is the Linux of the frontend world

2024-01-01T00:00:00Z

Veille

📗 6 reasons of why Vuejs is the Linux of the front-end world
A tweet from @icarusgkx.

📗 Announcing Vue 3.4 | The Vue Point

📗 2024 is the year of TypeScript.
A tweet about the version 3 of quick-lint-js.

The ultimate Raycast guide

2023-12-25T00:00:00Z

Veille

📗 The Ultimate Guide to Raycast Productivity for Developers

Repository Github

🐙 movie-web/movie-web
A small web app for watching movies and shows easily.

CSS

🎨 Project Wallace
Project Wallace is a set of CSS analyzers that check your complexity, specificity, performance, Design Tokens and much more. And all of that in a single web app.

🎨 Fully clickable element with link inside
Little gist for creating a fully clickable element with pseudo element after.

Why we ( us dev) code ?

2023-12-18T00:00:00Z

Veille

📗 Code is run more than read
Why we, as a software developer code ? For us ? For the user ? For the Business ?

📗 Why carousels don't work - Anton Sten - Product Designer
Or how you can tell the marketing department had the next word and the designer/developer not.

📗 The UX of HTML
We need to start explaining the UX of HTML instead of his semantic first. A good article for learning the semantic details of HTML.

📗 The JavaScript Oxidation Compiler
The JavaScript Oxidation Compiler (Oxc) is a collection of high-performance tools for the JavaScript language written in Rust.

Human readable regex in PHP

2023-12-11T00:00:00Z

Repository Github

🐙 gherkins/regexpbuilderphp
🦉 human-readable regular expressions in PHP.

Veille

📗 Understanding accessibility
A really nice website which help to understand how accessibility for the web user is important.

Design

🎨 Practice design
A collections of design example for your next project.

🎨 Deck gallery
A collections of beautifully designed decks, slides, keynotes, guidelines. Another really good design resources.

🎨 Central
Central is a set of 30 icon system.

An Interactive Guide to CSS Grid

2023-12-04T00:00:00Z

Veille

📗 An Interactive Guide to CSS Grid
Josh Comeau the author of the course CSS for JavaScript Developers, give us again a stunning and well crafted explanation of how CSS grid work.

📗 Untools
Collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.

📗 How large pull requests slow down development

Repository Github

🐙 ajeetdsouza/zoxide
A smarter cd command. Supports all major shells.

Developer have it easy

2023-11-26T00:00:00Z

Veille

📗 No dogs were harmed in the making of this app
A reminder of how good we have it as software developers, or perhaps how hard it is for everyone else.

📗 Nuxt DevTools v1.0 · Nuxt Blog
Nuxt DevTools v1.0, this version build the road to a global Devtools for every Vuejs projects not just Nuxt project.

📗 Node v20.10.0
Node 20 is in long time support, time to upgrade your projects.

📗 esm-dev/esm.sh version 135
A 1KB script allows you to write jsx/tsx in HTML without build!

Typescript

📗 Build a Lightweight Code Generator with TypeScript and JSON Imports
Use the power of TS to derive types from a JSON file with very little code.

📗 TypeHero
Advent of TypeScript, everyday Typescript challenge starting December first.

Vuejs

💚 Make Vue's template refs clean & simple
A little TS technique, for using the types from the DOM api.

Design

🎨 Growth design
106 Cognitive Biases & Principles That Affect Your UX

Laravel monitoring system

2023-11-20T00:00:00Z

Veille

📗 Laravel Pulse
Pulse is dashboard to monitor everything on your Laravel app, from your application usage, servers stats, queue monitoring, performance or trending exceptions to everything custom.

📗 ARK UI
Ark UI is a headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks. ( Built with state machine ).

📗Regulex
JavaScript Regular Expression Visualizer.

CSS

🎨 Unused CSS
Easily Clean Up Your Unused CSS Rules

Design

🎨 Scale
A scale generator for color.

Repository Github

🐙 ekzhang/bore
Bore is a simple CLI tool for making tunnels to localhost.
Similar to localtunnel and ngrok, except bore is intended to be a highly efficient, unopinionated tool for forwarding TCP traffic that is simple to install and easy to self-host, with no frills attached

Data provider pattern in Vuejs

2023-11-13T00:00:00Z

Veille

💚 Data Provider Pattern in Vuejs
Learn the data provider pattern in Vuejs, basically its a headless component which contain your data logic which are reusable in other component similar to a composable.

📗 HTML First
HTML First is a set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable

CSS

🎨 CSS Layout — Phuoc Nguyen
A collection of popular CSS layouts and patterns that you can use right away

Design

🎨 Apple Design Resources
Every available ressources from Apple for all devices.

🎨 UI & UX Design Tips
Newsletter UI & UX by Jim Raptis.

🎨 When life gives you lemons, write better error messages
Learn how you can write a useful error message

How Tailwind CSS Works ?

2023-11-06T00:00:00Z

Veille

📗 How Tailwind css works for generating its css
Behind the scene of the magic of Tailwind CSS.

👻 Breaking down CSS Mask with Ghosts (Double Tap && Shake!)
Cool codepen demo with a ghost.

Repository Github

🐙 open-source-labs/OverVue
Prototyping Tool For Vue Devs which is really close to a no-code editor but with Vue component.

The most valuable skill of a software developer

2023-10-30T00:00:00Z

Veille

📗 The most valuable skill as a software developper
Being a product minded developper is the skill which make you more valuable than a regular software developper. But you have to market this skill and it’s not an easy things to do.

Repository Github

🐙 Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by Popper.

🐙 vueform/vueform
Open-Source Form Framework for Vue 💚

Design & CSS

🎨 300+ High-quality TailwindCSS Components & Templates
A collections of free and premium components for your project build with TailwindCSS.

Mastering Vuejs 3 Composables

2023-10-23T00:00:00Z

Veille

📗 Mastering Vue 3 Composables
A Comprehensive Style Guide of how you can use vue 3 composables.

📗 Mastering self-management: Skills, strategies, and benefits

CSS & Design

🎨 Tab bar Animation on Codepen
Very spacey changing tab animation.

🎨 Transition, animation, a practical guide
How animation can make the difference between a good product and a very good product.

Repository Github

🐙 FilePond
Easy File Uploading With JavaScript

🐙 ByteByteGoHq/system-design-101
Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.

How to burnout a software engineer

2023-10-16T00:00:00Z

Veille

📗 How to burnout a software engineer
How to burnout a software engineer in 3 easy steps

📗 feat(reactivity): more efficient reactivity system by johnsoncodehk · Pull Request #5912 · vuejs/core
250% to 350% faster reactivity in VUEJS 3 by johnsoncodehk

📗 Coolify
Open-source & self-hostable Heroku / Netlify alternative.

CSS

🎨 Better Context Menus With Safe Triangles
Safe triangle is a technique to handle safely the hover in nested menu.

🎨 When to nest css ?
Scott Vandehey, Senior Front-end Developer at Cloud Four, wrote some thoughts about when you can use the nesting in css.

Repository Github

🐙 spacedriveapp/spacedrive
Spacedrive is an open source cross-platform file explorer, powered by a virtual distributed filesystem written in Rust.

A love letter to the next developer

2023-10-09T00:00:00Z

Veille

📗 Good code is your legacy to the next developper
An article which describe what good code is.
Like a good poem, you can judge if it was carefully written or someone just throw words at it.

🎮 Wind waker by Robin Payot
Zelda wind-waker made with Tresjs and Nuxt.

💚 Vue 3 Vapor Mode News
Vapor mode is a new compilation strategy for Vuejs inspired by Solid.js

Repository Github

🐙 Shadcn for Vue
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Design

🎨 Flexoki
Flexoki is an inky color scheme for prose and code. Flexoki is designed for reading and writing on digital screens.

🎨 Auto animate
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app.

For what type of dev Tailwind is worth it ?

2023-10-02T00:00:00Z

Veille

📗 Classic rock, Mario Kart, and why we can't agree on Tailwind
Personally I am a crafters, I really like all the points made in this article. But in the end, you can use whatever tool you want to ship your product.

🧰 UI Lib Picker
This website list the UI library available for vuejs 3 and Nuxt.

Repository Github

🐙 Affordable full-stack production debugging & monitoring.
An Open Source Observability Platform: Unify Session Replays, Logs, Traces, and Errors – All Without the Datadog Price Tag.

Design

🎨 The Design System Ecosystem
Brad frost explain how a good design system organization can help the product and all the people in between ( developers, designers etc… ) level up your product.

Typescript Origin

2023-09-25T00:00:00Z

Veille

📺 TypeScript Origins: The Documentary
A great documentary on Typescript recommended by Evan You the creator of Vuejs.

Repository Github

🐙 ESLint Stylistic
This package give you full control to over the code formatted inside your IDE to see more human readable code.

🐙 Typesense
This package is the Open Source alternative to Algolia + Pinecone, it has a paid cloud and the possibility to self-host.

🐙 Mbnuqw/sidebery
Firefox extension for managing tabs and bookmarks in sidebar.

🐙 Egoist/tailwindcss-icons
Use any icon from Iconify for Tailwind CSS.

Design

📗 Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.

🎨 Lunar UI
Another cool library UI build on top of Vuejs/Nuxt and Tailwind CSS.

Free web tools for devs

2023-09-18T00:00:00Z

Veille

📗 Free web tool for Developers
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.

📗 Nue / Frontend troublesolver
Yet another front-end library which claim to reinvent the way we write front-end code.

📺 Vue.js Tutorial: Beginner to Front-End Developer
Every vue 3 fonctionnality explained in video.

Nodejs is obsolete

2023-09-11T00:00:00Z

Veille

📗 Bun 1.0
The future of JS is here, bun is an all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single file to a full-stack application.

You can use Bun in your existing node js project and it will work just a lot of times faster.

📗 Preventing duplicate api call with vuejs
Jason llicic explain his thoughts about using the vuejs reactivity with Pinia to handle api data from the stroke to multiple component.

Repository Github

🐙 Histoire dev
Storybook but written for vite and with full support for vuejs and svelte.

🐙 GitHub - logicspark/berryjam
Vue.js Component Analyzer - Berryjam helps you save time communicating and effort in development to create better and more efficient code.

🐙 JoshuaKGoldberg/TypeStat
Converts JavaScript to TypeScript and TypeScript to better TypeScript.

No one wants simplicity

2023-09-04T00:00:00Z

Veille

📗 No one actually wants simplicity
No one wants simplicity because we need to learn to say no more often.

📗 Case Study: Rebuilding TechCrunch layout with modern CSS
Ahmad Shadeed show the power of modern css, a lengthy article with clear explanation and very detailed example for building layout and component in 2023.

Repository Github

🐙 HamadaFMahdi/vue-rewards
Vue-rewards lets you add micro-interactions to your app, and rewards users with the rain of confetti, emoji or balloons in seconds.

Measuring developer productivity

2023-08-28T00:00:00Z

Veille

📗 Measuring developer productivity
Mc Kinsey think they can measure developer productivity, another try to put numbers on the value of a developer.

📗 Exploring Exif files
Harley Turan explore how you can use and access metadata from the exif file of an iPhone.

📗 Laravel Folio
New powerful router system by the Laravel team

📗 Practica js blog
A compilation of outstanding testing articles (with JavaScript)

📗 Tech's broken promises
The cloud is not the heaven it once was.

Repository Github

🐙 Web Check
All-in-one OSINT🕵️‍♂️ tool for analysing any website. Very cool tool, for checking basic informations about your server, and upgrade your security rapidly.

🐙 Naive UI
A Vue 3 💚 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

Design

🎨 Deck Gallery
Curated designed desks, slides, keynotes, guidelines and other aspiration for your next presentation.

The "normal" web

2023-08-21T00:00:00Z

Veille

📗 Just normal web things.
Heather Buchel write about the decline of the use of « basic web functionality » like use an anchor link instead of an onclick with js. Use the platform instead of reinventing the wheel with javascript.

Repository Github

🐙 milanvarady/Applite
Visualize and handle every app available from Homebrew in a macOS app instead of your terminal.

🐙 PromtEngineer/localGPT:
Chat with your documents on your local device using GPT models. No data leaves your device and 100% private.

Design

🖌️ New Slack redesign
New UI, more focus, soo available.

CSS

🎨 CSS Selectors: A Visual Guide & Reference
Every css selectors explained visually, very cool reference. This website have a lot of svg tools too at the end of the article. 10/10 recommended.

🎨 CSS Galaxy Button 🚀
Codepen of a really beautiful button.

🎨 Four new CSS features for smooth entry and exit animations
New css features for Chrome 116 and 117

The ability to animate display and content-visibility on a keyframe timeline (From Chrome 116).

The transition-behavior property with the allow-discrete keyword to enable transitions of discrete properties like display (From Chrome 117).
The @starting-style rule to animate entry effects from display: none and into the top-layer (From Chrome 117).
The overlay property to control top-layer behavior during an animation (From Chrome 117).

Modern css techniques

2023-08-14T00:00:00Z

CSS

🎨 Transforming a card component with modern css
An article by Nils Binder which explains how with CSS cascade Layers, container queries, custom properties, and sub grid you can create a really powerful component card.

Repository Github

🐙 linkwarden/linkwarden
A self-hosted, open-source collaborative bookmark manager to collect, organize and archive webpages. I really recommend to check this out.

🐙 logaretm/villus
A tiny and fast GraphQL client for Vue.js 💚

Type vs Interface in typescript !

2023-08-07T00:00:00Z

Veille

📗 Type vs Interface: Which Should You Use In 2023?
Personally, I prefer using interface but this article make a lot of good points for type.

📗 Name Checker
Check the name of your future package to see if it is taken.

📗 Best practice emits with vue 3
Great breakdown of how emits works in vue 3.

📗 Wes Bos sur Twitter
Wes Bos talk about the proposal of groupBy in the future version of JS.

Repository Github

🐙 TIDY JS
Write human readable function which transform your data in a numerous way.

Design & Fonts

🎨 Free Faces
FF is curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.

CSS

🎨 Your lucky CSS pattern made with CSS gradients
Generated CSS pattern by an AI which read your mind.

🎨 UI Colors
Generate your custom colour palette for Tailwind.

Vue

💚 Notivue
Fully featured notification system for Vue 3.

Docuseal open source signing alternative

2023-07-30T00:00:00Z

Repository Github

🐙 docusealco/docuseal
Open source document filling, signing and an alternative of Docusign.

🐙 fabian-hiller/modular-forms
Build your next form with Modular Forms, the open source form library with performance, type safety and bundle size in mind.

🐙 storybook-vue/nuxt
Example of Storybook integration for Nuxt Framework

Veille

📗 Herd for macOS
Perfect development environment for laravel application

📗 Open source smartphone Paxo 🇫🇷
A 15 years old French which develop his own custom smartphone with custom OS, everything is open source so you can build your own too.

📗 Introducing Valibot, a < 1kb Zod Alternative
Valibot is a schema library for validating structural data,

CSS

🎨 Pico.css
Minimal CSS Framework for semantic HTML.
Elegant styles for all native HTML elements without .classes and dark mode automatically enabled.

24 times saving tips for Nuxt 3

2023-07-24T00:00:00Z

Veille

📗 24 Time Saving Tips for Nuxt 3
Michael Thiessen share a compilation of high quality tips when using Nuxt 3 app.

📗 Dev Dojo
DevDojo is a set of developer tools that can help you create websites, apps, developer blogs, and more !
they also have a pretty active community of dev.

UI

🎨 Pines - An Alpine and Tailwind UI Library
Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.

🎨 SVG Hub
A library of over 70 custom-color elements ready to paste into your project.

Repository Github

🐙 louislam/uptime-kuma
A fancy self-hosted monitoring tool.

Web tools

🧰 Package Size
The successor of Bundlephobia, this website run the npm installation directly in the browser, and clearly present the size, the export and lot of other stuff. 10/10 very cool.

Nuxt on the edge

2023-07-17T00:00:00Z

Veille

📗 Nuxt on the edge
Learn how the Nuxt team made Nuxt run on the edge (~50ms to every user on the planet). Really cool feature by the Nuxt which raise again the bar for their incredible piece of software.

📗 How to build a website without frameworks and tons of libraries
The people at Koding kitty use a little python script, very similar to gulp to build their template, tailwind CSS and have live reload server.

Web tools

🧰 CSS Scan - The fastest and easiest way to check and copy CSS
Goodbye to « Inspect Element » — Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

Repository Github

🐙 background-removal-js
Remove backgrounds from images directly in the browser environment with ease and no additional costs or privacy concerns.

Why using vuejs for your next project ?

2023-07-10T00:00:00Z

Veille

📘 Why Vuejs is a great fit for modular software architecture
Ben Hong list some good points why you need to use Vue for your next project.

📘 Running Nuxt 3 in a Docker Container
Step by step tutorial about using docker locally with your Nuxt app.

📘 Keep linux open and free
Spicy article about IBM and Linux Red hat.

📘 JavaScript Gom Jabbar
If you open an old package.json, will you be able to understand its content ?

Repository Github

🐙 Boring stack
The Boring JavaScript Stack 🥱: Ship products with full-stack JavaScript reliably with battle-tested technologies.

🐙 Detect scroll
A performant and lightweight (~1.6kb) ES6 module for detecting scroll activity (direction + location) for X and/or Y axis.

Web tool

🧰 BrandBird
An image editor for busy SaaS founders, who build in public !

Build beautiful CLI easily

2023-07-03T00:00:00Z

Repository Github

Effortlessly build beautiful command-line apps in node js with clack.

Quickly browse the history of a file from any git repository with this tool git-history.

The fastest pixel-by-pixel image visual difference tool in the world. Check odiff

Display your pull request and issues directly in your terminal with gh-dash, a beautiful CLI dashboard for GitHub.

Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance. Theatre.js can be used both programmatically and visually.

Hoppscotch 👽 is an API tool like insomnia or postman but in open source.

Design & CSS

SVG Hub is a library of over 70 custom-color elements ready to paste into your project.

Veille

Sketch.systems helps software designers think about complex product behavior. Sketch out states, add prototypes, and clarify questions quickly.

ChatGpt like trained on the vuejs documentation

2023-06-26T00:00:00Z

AI

AI Chatbot trained on the Vue v3.3.4 docs

Veille

Alternative to google analytics Simple analytics

Design

A legible monospace font Comic Mono | comic-mono-font.

CallToInspiration is a website which reference a lot of design example for UX designers & developers.

CSS

Fit-to-Width Text is an article about using scroll-driven animations to fit the correct height of the text when you resize a window.

Darek Kay write an article about styling your RSS feed.

Reduce up to 20% the ram docker use

2023-06-19T00:00:00Z

DX

Very light alternative to docker desktop, I reduced my ram usage by up to 20% with this software.
OrbStack · Fast, light, simple Docker & Linux on macOS

Veille

Nuxtr VSCode 0.1.0 is out ✨
Twitter thread about Nuxtr

Design

Inspiration site and resource site for interactive designers : HUDS + GUIS

Repo github

Another style of writing Vue components : Vue Vine

Humor

A student made react a million times faster

New typeface for developer

2023-06-12T00:00:00Z

Design

Intel One Mono Typeface, a new typeface, open source and free by Intel.

Landing.love, a showcase of 428 animated website.

CSS

Ten modern layouts in one line of CSS

Web.dev blog post which highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.

Modern CSS in real life.

Blog post of a talk of Chris Coyier.

Veille

Label statement in JS.

A labeled statement is any statement that is prefixed with an identifier. You can jump to this label using a break or continue statement nested within the labeled statement.

IOS tracking protection.

IOS 17 automatically removes tracking parameters from links you click on.

Web performance

WebPerf Snippets – Nextra

A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools(opens in a new tab).

Everything about responsive design

2023-06-05T00:00:00Z

CSS

Everything You Want To Know About Media Queries and Responsive Design | Kablamo Engineering Blog

Veille

SpaceBadgers Fast and clean SVG badges for your projects.

Scroll-driven Animations, a bunch of demos and tools to show off Scroll-driven Animations.

Repository GitHub

kochrt/qr-designer: QR designer web app with a novel method of designing qr codes that does not take advantage of error correction

The real reason why twitter don’t have an edit button

2023-05-29T00:00:00Z

Veille

The real reason why twitter don’t have an edit button. Oisín Moran | How I Made a Self-Quoting Tweet

The headless editor framework for web artisans. Headless WYSIWYG Text Editor – Tiptap Editor

A directory of 4000+ templates & UI kits for the modern stack.
Built At Lightspeed - 4000+ Themes, Templates & UI Kits

Authentication, simple and clean with Lucia.

CSS

Fully stacked article about using the linear function for better animation.

TS

Welcome generics type in Vue 3.3

Repository GitHub

ColonelParrot/jscanify, Open-source pure Javascript implemented mobile document scanner.

Veille FR

On essaie d’être une agence responsable

VPN Outline - Accéder à l’Internet gratuit et ouvert

Container queries is stable !

2023-05-22T00:00:00Z

CSS & Design

Container queries is stable in every major browser.
What's new in CSS and UI: I/O 2023 Edition by the chrome developer team.

Specify, design system infrastructure for modern teams.

Veille

The ongoing defence of frontend as a full-time job | Christian Heilmann

Repository Github

Zero-Dependency, Build-Free JavaScript Framework Strawberry.

ESLint rules for consistent filename and folder. Allows you to enforce a consistent naming pattern for the filename and folder.
eslint-plugin-check-file

Data

Open Source Integration and Data Platform.
CPTN.IO

Your own smol developper

2023-05-15T00:00:00Z

AI & repository Github

Human-centric & Coherent Whole Program Synthesis aka your own personal junior developer.

🐣 Introducing smol-developer !

This is a prototype of a "junior developer" agent (aka smol dev) that scaffolds an entire codebase out for you once you give it a product spec.

DX & repository Github

Vue DevTools is a devtool heavily inspired by the work from the nuxt team but now available to any vite + vue 3 app.

GitHub - webfansplz/vite-plugin-vue-devtools: Vite + Vue DevTools = DX 🔥

DB

Welcome to the Data Edge with Turso a database on the edge.

Google has no moat vs open source

2023-05-08T00:00:00Z

Veille

"We Have No Moat, And Neither Does OpenAI" in a Leaked Google document about LLM model like bard versus open source model.

Simpler cookie notices with the Cookie Store API and the new native dialog element

Linen is a real-time chat platform built for communities. An alternative to slack.

Repository Github

Libsql

LibSQL is a fork of SQLite that is both Open Source, and Open Contributions.

Ink UI

💄 Ink-redible command-line interfaces made easy

Data

Acryl Data takes the industry’s number one open source data catalog, DataHub, to the next level with advanced features.
Acryl Data

The "const" deception

2023-05-01T00:00:00Z

Veille

The "const" Deception

Exploring the difference between assignment and mutation in JavaScript. By Josh Comeau which made the css-for-js-dev courses.

Practical Engineering Management Blog

Medium blog from Mirek Stanek about the engineering management.

MailerSend

MailerSend is a cloud-based transactional email system built for developers, but designed so your entire team can use it.

Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

Resend

The new email API for developers.
Build, test, and send transactional emails at scale. Resend provides the best developer experience helping you reach users instead of spam folders.

The AT Protocol

Social networking technology created by Bluesky

TS

Cicada

Write CI/CD Pipelines in TypeScript

Vuejs & DX

Anu

Build better interfaces faster. DX focused utility based Vue component library

Vuejs

Vuejs official tweet 3.3

RFCs for two experimental features.

Build Better Forms with Vue.js 3 Composition API: A Practical Guide

Learn how to create custom form components with Vue.js 3 Composition API, including validation, submission handling and more

Repository Github

Just

A library of dependency-free JavaScript utilities that do just one thing.

Ellie/Atuin: 🐢 Magical shell history

Atuin replaces your existing shell history with a SQLite database, and records additional context for your commands. Additionally, it provides optional and fully encrypted synchronisation of your history between machines, via an Atuin server.

Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind.

Tweakpane

🎛️ Compact GUI for fine-tuning parameters and monitoring value changes.

Ziglings

Learn the Zig programming language by fixing tiny broken programs.

⚡ Surrealist

Powerful graphical SurrealDB query playground and database explorer for Browser and Desktop

CSS

CSS Tip

A small website where you can learn a new CSS trick every day

Design

Fontaine

Automatic font fallback based on font metrics.

Van Schneider Blog

The best designers are artists.

Rauno Blog

Crafting the Next.js Website

Abduzeedo Blog

Brand identity and digital design system for Doconomy.

Open Sources

Open Source Guides

Open source software is made by people just like you. Learn how to launch and grow your project.

How to be a -10x Engineer

2023-04-24T00:00:00Z

Veille

+10x engineers may be mythical, but -10x engineers exist.

Visual way to explain how load balancing work.
Load Balancing

One Weird Trick: Leave Your Work Broken
An On-Ramp to Flow

The new Outlook switches rendering engines from Microsoft Word to Edge.
No more email table

I bet you need a quick favicon.
fav.farm

Need to pimp your readme with colorful badges ?
Shields.io - badges for readme

AI

GPT-4 Week 5. Open Source is coming + Music industry in shambles - Nofil's Weekly Breakdown
A list of AI news from u/lostlifon

Nuxt & DX

The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio

TS

🎨 The exhaustive Pattern Matching library for TypeScript, with smart type inference.
GitHub - gvergnaud/ts-pattern

Repository Github

Powerful asynchronous state management for TS/JS, React, Solid, Vue and Svelte.
TanStack Query | React Query, Solid Query, Svelte Query, Vue Query

Design

System font stack CSS organized by typeface classification for every modern OS.
Modern Font Stacks

Toggle checkbox css only night and day.
Toggle check

Gradient website generator.
CSS HD Gradients

Inspirational website of the week

Stripe Sessions 2023 | Stripe Sessions Conference San Francisco

Minh Pham - Multidisciplinary Designer

Studio Gusto

Official Vuejs certification is here

2023-04-17T00:00:00Z

VUEJS && Courses

Document for the preparation of the vuejs certification.
Certification vuejs level 1

Library vuejs for creating reactive and complexe flowchart.
Vue flow

An opinionated toast component for Vue. It's a Vue port of Sonner
Github - Vue Sonner

Tutorial about how you can use suspense in vuejs.
Suspense in vuejs

Veille

Thought of grady of the "after" GTP, how our developer job will evolve with the new AI paradigm.
Post-gpt computing article

Create a cross mobile app with the new version of Tauri mobile.
Tauri mobile

If you ever wanted to have a mac folder in legan leather.
Nikolas Bentel Studio

VSCODE && DX

Transform TS stack error in a more human readable error.
Pretty TS error

AI driven development

2023-04-11T00:00:00Z

Humour and AI

Code reports by Fireship
Vector databases are so hot right now. WTF are they ?
Masterclass: AI-driven Development for Programmers

Veille

New HTML Element: search

Vuejs

Ref vs. Reactive: What to Choose Using Vue 3 Composition API?

Courses

ui.dev | JavaScript, but fun.

Design

Beautiful portfolio by Lynn Fisher

Performance

SpeedCurve | NEW! Lighthouse 10, Core Web Vitals updates, and Interaction to Next Paint
#dev/tips

AI driven development

2023-04-10T00:00:00Z

Humour and AI

Code reports by Fireship
Vector databases are so hot right now. WTF are they ?
Masterclass: AI-driven Development for Programmers

Veille

New HTML Element: search

Vuejs

Ref vs. Reactive: What to Choose Using Vue 3 Composition API?

Courses

ui.dev | JavaScript, but fun.

Design

Beautiful portfolio by Lynn Fisher

Performance

SpeedCurve | NEW! Lighthouse 10, Core Web Vitals updates, and Interaction to Next Paint
#dev/tips

Typescript is dead ?

2023-04-03T00:00:00Z

Veille && Typescript

How Svelte use JS instead of Typescript to write their library
Rich Harris Talks SvelteKit and What’s Next for Svelte - The New Stack

Internal technical design doc of the Demo team :
Design Doc: Use JavaScript instead of TypeScript for internal Deno Code - Google Docs

An update how it will be easy to create generic TS types for vuejs component by its creator.
Generic TS types for vuejs component

Ecommerce framework build with vuejs which works well with magento 2 and shopify.
Introducing Storefront UI 2.0

Now you can have push notification from a pwa in IOS.
WebKit Features in Safari 16.4 | WebKit

Developper experience

Nuxt Devtools push again the limit of what the DX for developper can do, I recommend you to take a look this is very cool.
Introducing Nuxt DevTools · Nuxt

Design & CSS

A demo in order to build form with mobile input.
Build a Better Mobile Input

DaisyUI is a free tailwind plugin for writting fewer class name.
DaisyUI

New Design system of Nokia.
Nokia Pure

Web tools

Multiple browser in the same window, a free alternative to Sizzy App
Polypane, The browser for ambitious web developers

A client for mastodon by @antfu7 @danielcroe, @sanxiaozhizi, @patak_dev.
A nimble Mastodon web client

Repository Github

GitHub - unjs/untyped: Generate types and markdown from a config object.

The End of Front-End Development

2023-03-27T00:00:00Z

Veille

The End of Front-End Development

The Great Gaslighting of the JavaScript Era

CSS

6 CSS snippets every front-end developer should know in 2023

TypeScript 5.0

2023-03-20T00:00:00Z

Typescript

Announcing TypeScript 5.0 - TypeScript

CSS & Design

Getting Started with Style Queries - Chrome Developers

The ability to query a parent’s inline size, and container query unit values recently reached stable support in all modern browser engines .

The Index: Issue #4 - Set Studio
Landing page showcase.

Ten tips for better CSS transitions and animations - Josh Collinsworth blog

Equal UI
Elevate your design with customizable Vue 3 component library, featuring over 30 components built on top of Tailwind CSS

Type narrowing in TypeScript

2023-03-13T00:00:00Z

Typescript

The complete guide to safe type narrowing in TypeScript

CSS & Design

Layer button for @adeleke5140

Wise Design

A taxonomy for alerts and notifications | by Steve Dennis | Mar, 2023 | UX Collective

Getting Started - Lightning Design System

Building a dropdown menu with HeadlessUI and TailwindCSS

Focus

Some tools to help me focus | Brad Frost

Framework

Introducing Svelte, and Comparing Svelte with React and Vue - Josh Collinsworth blog

Veille

The JavaScript Site Generator Review, 2023—zachleat.com

The Great Gaslighting of the JavaScript Era | The Spicy Web

I don’t want to log in to your website

Security

Sandworm Audit - Sandworm

Web performance

2023 Web Framework Performance Report | Astro

Building the web like its 1984

2023-03-06T00:00:00Z

CSS && Design

Building like it's 1984

A comprehensive guide to creating intuitive context menus by Height

Style Stage

A modern CSS showcase styled by community contributions, on this site you can show off your css skills to the world.

All the styles available

1 dataset 100 visualizations

This project demonstrate how with one dataset we can tell hundred differents stories.

View transition API

A twitter thread about the use of the new View transition API in chrome.

Open source

Baserow

Open source no-code database and Airtable alternative.

Tailwind Elements

Top quality open-source UI Kit, Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities

Web App

Heigth

Manage your tasks and project conversations in one always-up-to-date place. Jira, excel, calendar and zappier all in one.

VUEJS

Teleport

is a built-in component that allows us to "teleport" a part of a component's template into a DOM node that exists outside the DOM hierarchy of that component.

Understanding Vue 3's "expose"

Easy way to create private method in vuejs, really cool for people who create vuejs library.

Zag js

UI components powered by Finite State Machines. A collection of framework-agnostic UI component patterns like accordion, menu, and dialog that can be used to build design systems for React, Vue and Solid.js

V-calendar

An elegant calendar and datepicker plugin for Vuejs.

VSCODE

File Nesting Updater

A config to make your file tree cleaner with the file nesting feature of VS Code.

Benchmark && WebAssembly

Javascript vs WebAssembly

! Disclaimer this article is in french !
Benchmark JS vs WASM, spoiler if the js is well optimized it equals the WSAM speed everywhere except in firefox.

Esoteric color palette

2023-02-27T00:00:00Z

CSS && Design

Poline

"Poline" is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century.

Happy hues

Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.

Tailscan

The ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually with Tailscan, right within the browser.

Web Interface Guidelines

This document outlines a non-exhaustive list of details that make a good (web) interface.

Last baseline alignment

All major browser engines now support last baseline alignment in CSS grid and flexbox.

Sharp & Glowing dark card | Chrome only

Vuejs

Vue Tip: Re-Rendering Vue Routes When Path Parameters Change

AI & Laravel

Query your Laravel database using natural language

Wrapper with chatgpt for laravel.

Concurrent processes

Asynchronous processes in laravel 10.

Library

Magic-regexp

A compiled-away, type-safe, readable RegExp alternative.

Try tm

One liner async-await wrapper with error handling inspired by this Fireship short

Unovis

A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript.

Native CSS nesting is available today

2023-02-21T00:00:00Z

CSS

Try out CSS Nesting today | WebKit

If you have a Mac, simply download and open Safari Technology Preview, write some nested CSS, and experience how it works !

Container queries land in stable browsers

This Valentine's day, we're celebrating size container queries and container query units landing in all stable browsers.

The modern web’s underrated powerhouse · GitHub

IT’S ONE OF THE MOST IMPORTANT YET UNDER-APPRECIATED BUILDING BLOCKS OF THE INTERNET.

Refactoring UI

Make your ideas look awesome, without relying on a designer.
Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

Veille

How Levels.fyi scaled to millions of users with Google Sheets as a backend

V-Model in Vue3 | Evan’s Blog

Create a composable with a v-model in Vue3.

Coglode Cookbook

A websites which regroup a lot of research around UX knowledge with a really cool UI.

Web Push for Web Apps on iOS and iPadOS | WebKit

Today marks the release of iOS and iPadOS 16.4 beta 1, and with it comes support for Web Push and other features for Home Screen web apps.

Library

Tangle

Tangle is an open-source JavaScript library that radically simplifies building multiplayer and networked programs. Tangle works by wrapping a regular WebAssembly program to automatically network it.

GitHub - egoist/tailwindcss-icons: Use any icon (100,000+) from Iconify, for TailwindCSS

Use any icon (100,000+) from Iconify, for TailwindCSS

AI

GitHub - transitive-bullshit/bing-chat: Node.js client for Bing’s new AI-powered search. It’s like ChatGPT on steroids 🔥

Node.js client for Bing's new AI-powered search. It's like ChatGPT on steroids 🔥

Design

Locomotive

Very cool, well designed sites.

Swiss Typefaces

Designers typefaces.

Building Your Color Palette - Refactoring UI

Web tools

grep.app | code search

Search across a half million git repos. Its google but for github repository.

A Web Developer’s Browser | Responsively App

See your app in multiple sizes in the same time.

WebContainers - Dev environments. In your web app. | WebContainers

Dev environments, in your web app.

Announcing Sandpack 2.0 and a Node.js runtime for any browser

We are beyond excited to introduce Sandpack 2.0, which brings a Node.js runtime that runs in every browser.

Yal

Yal (Yet Another Launcher) is a launcher app similar to Alfred, Raycast, ScriptKit, Spotlight, and many others.

My css whishlist by Ahmad Shadeed

2023-02-13T00:00:00Z

CSS

My CSS Wishlist - Ahmad Shadeed

Whishlist of cool feature css might have on day by Ahmad Shadeed.

Web tools

Meilisearch | Meilisearch Documentation v1.0
Meilisearch is a RESTful search API. It aims to be a ready-to-go solution for everyone who wants a fast and relevant search experience for their end-users ⚡️🔎

Tool Finder

Find Productivity Tools !
The wikipedia for productivity tools, curated by world-leading experts Keep Productive.

Neeva - Ad-free, private search

Alternative to other search engine but without ad and with privacy in mind.

Veille

AI powered search - The Official Microsoft Blog

Reinventing search with a new AI-powered Microsoft Bing and Edge, your copilot for the web

ScrollyVideo.js

Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.

clack/packages/prompts at main · natemoo-re/clack · GitHub

Effortlessly build beautiful command-line apps 🪄

15 futuristic databases you’ve never heard of

Youtube video from Fireship about databases.

Easing Gradients

Article about easing gradients, they are some really cool examples and an editor to test the gradient.

ChatGPT is a perfectly balanced AI with no exploits

Code report from the 9.02.2023 from Fireship

The solution for 3D on VueJS

2023-02-06T00:00:00Z

Veille

TresJS | The solution for 3D on VueJS

Bring Three to the Vue ecosystem
Create awesome 3D experiences with the framework you love.

The truth about CSS selector performance - Microsoft Edge Blog

If you’re a web developer, you may have already heard that some CSS selectors are faster than others. And you’re probably hoping to find a list of the better selectors to use in this article.

My top sites to learn UX/UI design 👇

CSS

PSone.css

Playstation 1 style CSS Framework, inspired by NES.css.

Web tools

32217 Free Icons | Iconer

Free icons library with over 30 000 icons.

MySQL - Visual Studio Marketplace

This project is a database client for VSCode, supports manager MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, 达梦, and ElasticSearch, and works as an SSH client, boost your maximum productivity!

Getlog - The next changelog for your product

Getlog is a stunning free changelog for your product, it’s completely free and takes just minutes to set up.

Real Pokedex

Real pokedex made with vuejs.

HTTP Status Dogs

Hypertext Transfer Protocol Response status codes. And dogs.

Four Thousand Weeks

2023-01-30T00:00:00Z

Veille

Four Thousand Weeks

A tribute to the book by Oliver Burkeman, an exploration of time management in the face of human finitude, and addressing the anxiety of “getting everything done.”

Hello, world Micro-frontend dev !

Micro-frontends are the result of breaking down large user interfaces into smaller, more manageable and independently deployable pieces, with benefits at an organizational level.

Radix UI

Unstyled, accessible components for building high‑quality design systems and web apps in React.

Neo4j in 100 Seconds

Neo4j is a native graph database designed to handle highly complex relational data. Learn the basics of graph data modeling and the Cypher Query Language

How to Build Feature Rich Forms in Vue.js

Article about building forms with FormKit.

Web tools

Oxen

Oxen is a developer platform focused on building tools for a more private digital future.

Fly.io

Run your full stack apps (and databases!) all over the world. No ops required.

SSSVG

Interactive SVG Reference
SVGs are awesome! Thanks to math and geometry, SVG graphics give us a standardized way to create images and icons on the web to be displayed at any size without any loss in image quality. Here's an interactive reference to the most popular and/or interesting parts of the SVG spec.

App IOS

Gemini Photos: Gallery Cleaner

Clean up your Camera Roll

The joy of React

2023-01-23T00:00:00Z

Veille

The Joy of React

The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. Taught by Josh W Comeau

About roles in the front-end development department

Silvestar Bistrović wrote this article about his roles in the front-end development department.

In search of a CSS developer job

Silvestar Bistrović wrote this article about his search of a CSS focused job which is really really hard to find.

CSS

Disentangling Frameworks | CSS { In Real Life }

Why sometimes its better not to use a CSS framework like tailwind to get things done.

100 Days Of More Or Less Modern CSS

It’s time to get me up to speed with modern CSS. There’s so much new in CSS that I know too little about. To change that I’ve started #100DaysOfMoreOrLessModernCSS. Why more or less modern CSS? Because some topics will be about cutting-edge features, while other stuff has been around for quite a while already, but I just have little to no experience with it.

Thread twitter about some neat tricks in CSS only

CSS-only interactive blur filter
CSS-only interactive magnifier
CSS-only dino game

Repository Github

Agnostic-axe

Framework agnostic accessibility reporter, developer tool that continously observes the DOM to detect accessibility issues. Its audits are powered by axe-core.

Web tools

Health icons

Free, open source health icons
Free for use in your next commercial or personal project.

Editing is ok. Republishing is ok. No need to give credit.

Smart Interface Design Patterns

100 Smart Interface Design Patterns & Live Examples. 9h Video + UX Training.
30 video lessons + 4-weeks UX training.
For UI/UX designers and front-end developers.

Full stack Developer does not exist !

2023-01-16T00:00:00Z

Veille

You Will Never Be A Full Stack Developer

Some career advice from Laurie Voss about the impossibility to be a "full stack developer".

Docker on MacOS is slow and how to fix it

TL;DR
At the time of writing, the only viable option to have a decent performance and a good DX are:

VirtioFS to share the filesystem (Docker Desktop, Rancher Desktop, Colima) - There are still some issues.
Use named volumes and if you use VSCode you can rely on things like DevContainers to have a good DX - 🚀 BONUS: PoC project with Backstage and DevContainers.
Use DDEV + Mutagen for PHP projects (JS coming soon).
If you are VI/Emacs user, all you need is your editor and tools in a container, or if you want a minimal Linux GUI env, take some inspiration here.

Laravel real-time Code Execution Monitoring

Inspector is a composer package to add real-time code execution monitoring to your Laravel application. It allows you to work on continuous code changes while catching bugs and bottlenecks in real-time. Before users do.

Building an AI web app that helps restore old blurry photos !

backspace: make your website carbon neutral

Make your website carbonneutral.
The easiest way for developers to remove their websites’ CO2 emissions.

Web tools

Fontshare: Quality Fonts. Free.

Jitter · Fast and simple motion design tool.

CSS

Quick Start - Sailboat UI

Sailboat UI is a modern UI component library for Tailwind CSS, you just need to install Tailwind CSS and configure it.

Text Replace Transitions · 10 janvier 2023

tldr;
view-transition ’s let me, with CSS, describe how to dismiss the old text state and reveal the new text state.

Repository Github

Neodrag | One draggable to rule em all

Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same 🔥.
A lightweight directive to make your elements draggable.

Creating luck

2023-01-09T00:00:00Z

Veille

How to create luck

In this post swyx briefly review the “Literature of Luck”, and then I’ll end with some personal thoughts on how it could be extended.

Tamagui 1.0 🎉

Ship cross-platform React apps in ½ the time with 2x performance.

The ultimate UI kit and design system for Figma

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project and level up as a designer.

UI Learn

The no bullshit way to learn user interface design. Instagram and TikTok tips won’t get you better at design. Start building your design skills with practical exercises and by designing more.

Error.prototype.cause

The cause data property of an Error instance indicates the specific original cause of the error.

It is used when catching and re-throwing an error with a more-specific or useful error message in order to still have access to the original error.

Compress an image before uploading it

In this quick tutorial we’ll use JavaScript to compress images selected with a file input element. We’ll compress images and save them back to the file input ready for upload.

Tensai

Conversational UI for your Codebase.
Introducing Tensai, your repo-level code assistant.

Ask complex questions
✅ Automatically generate PRs for complex tasks

Web tools

Polar Habits

Polar Habits is a guilt-free habit tracker that focuses on creating a positive, fun, encouraging environment for tracking your habits. 🙌

Pintura Image Editor

A powerful JavaScript Image Editor that integrates with every stack.

Easy File Uploading With JavaScript | FilePond

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

Repository Github

GitHub - artalar/act

Act is the most efficient reactive library in both: speed, size, correctness.

Drowning in AI Generated Garbage

2023-01-02T00:00:00Z

Happy new year to everyone, I wanted to thanks every person who read this blog from time to time and I wish you all the best for the new year.

Veille

An article by Ploum, about Drowning in AI Generated Garbage : the silent war we are fighting

The portfolio of Joshua an Interaction Designer who is enthusiastic about creating engaging and delightful digital experiences.

A cool video about how SvelteKit works by Fireship. SvelteKit is my mistress

Diagram Magical new ways to design products.

Repository Github

WTF (aka 'wtfutil') is the personal information dashboard for your terminal, providing at-a-glance access to your very important but infrequently-needed stats and data.

Merry Christmas

2022-12-26T00:00:00Z

Merry Christmas to everyone !

Animated SVG icons

2022-12-19T00:00:00Z

Veille

An icon set of animated SVG for you next web projects, by Potlab Icons

Repository Github

caroso1222/notyf: 👻 A minimalistic, responsive, vanilla JavaScript library to show toast notifications.

Toastify JS - Pure JavaScript Toast Notificaton Library

You don't need HTML

2022-12-12T00:00:00Z

Veille

A website made entirely with text and unicode no-ht.ml in response to this article HTML is all you need to make a website

D2 is a diagram scripting language that turns text to diagrams. It stands for Declarative Diagramming. Declarative, as in, you describe what you want diagrammed, it generates the image.

Github Repo

antonmedv/llama: Terminal file manager

JonasKruckenberg/tauri-astro-template: Tauri, Astro, and Svelte template

Do CSS framework users actually know CSS

2022-12-05T00:00:00Z

CSS

A great article by Bastien Calou about his insights from the state of css 2022.
Do CSS framework users actually know CSS? We might have some data - DEV Community 👩‍💻👨‍💻

One-Minute CSS Tutorials
CSS Nuggets | CodyHouse

Award Winning Animation With Only 20 Lines Of CSS ?
Hyperplexed | YouTube

Containers queries in css are supported in all major browser !
DctStrangelove | Twitter

Veille

How to transfigure wireframes into HTML - HTMHell

Wormy and infinite scroll | Alex dytry

Tailwind, a leaky abstraction ?

2022-11-28T00:00:00Z

Veille

Tailwind is a Leaky Abstraction | Jake lazaroff

The Law of Leaky Abstractions | Joel on software

How to split JavaScript strings into sentences, words or graphemes with « Intl.Segmenter » | Stefan Judis Web Development

Import On Interaction | patterns dev

Repository Github

GitHub - ObuchiYuki/DevToysMac: DevToys For Mac

An interactive guide to flexbox

2022-11-21T00:00:00Z

CSS

An Interactive Guide to Flexbox in CSS | Josh Comeau

Tree views in CSS | I am kate

Layout & Grid in Design Systems | Brad Frost

The evolution of scalable CSS | Frontend Mastery

Veille

Rethinking Reusability in Vue | Alex Vipond

Lyra is an immutable, runtime-agnostic, edge, and in-memory full-text search engine that works both on client and server. | Lyra search

Hurl is a command line tool that runs HTTP requests defined in a simple plain text format. | Hurl - Run and Test HTTP Requests

State of JavaScript 2022 | devographics

blakewatson.com – Almost monospaced: the perfect fonts for writing

Minimize docker container size

2022-11-14T00:00:00Z

Veille

Using DockerSlim to minimize container image size - LogRocket Blog

Repository Github

ArrowJS • Reactivity without the framework - Github

CSS

Style a parent element based on its number of children using CSS :has() – Bram.us

Performant is nonsense, but performance can still matter

2022-11-07T00:00:00Z

Veille

« Performant » is nonsense, but performance can still matter - Stack Overflow Blog

CSS

Card hover effect - Codepen.io

CSS Classes considered harmful - keithcirkel.co.uk

Solar Powered Website

2022-11-04T00:00:00Z

Veille

LOW←TECH MAGAZINE - Solar powered magazine

Real talk from a UX researcher. Some parts of the job just suck. If you… | by Ki Aguero | Nov, 2022 | Medium

All-in-one palette generator, editor and manager for Figma | Supa Palette

Ubidrop – Transfer photos, music, video from Android to Mac seamlessly

acreom — The way developers get things done

CSS

News about bringing standard nesting into css without the need to use a preprocessor. Twitter - Nesting syntax for css

Localhost - Building a website like it's 1999... in 2022

Missing - missing.css is the CSS library we wished already existed

Repo Github

GitHub - nim-lang/Nim: Nim is a statically typed compiled systems programming language. It combines successful concepts from mature languages like Python, Ada and Modula. Its design focuses on efficiency, expressiveness, and elegance (in that order of priority).

Mona Sans & Hubot Sans · GitHub

GitHub - vue-terminal/vue-termui: The Modern Terminal UI Framework

The way developers get things done

2022-10-31T00:00:00Z

Veille

acreom — The way developers get things done

All-in-one palette generator, editor and manager for Figma | Supa Palette

Ubidrop – Transfer photos, music, video from Android to Mac seamlessly

CSS official proposal about native nesting

Repository Github

GitHub - vue-terminal/vue-termui: The Modern Terminal UI Framework

CSS

missing.css is the CSS library we wished already existed.

Your company isn’t your family

2022-10-24T00:00:00Z

Veille

Unless you’re in the mafia, your company isn’t your family | Christian Heilmann

Let’s talk about web components | Brad Frost

MindNode – Mind Map & Outline dans le Mac App Store

a11yphant

Is Frontend Web Development Sexist ?

2022-10-17T00:00:00Z

Veille

Is Frontend Web Development Sexist? | by Melissa mcewen | Medium

Tailwind and the Femininity of CSS

We can teach women to code, but that just creates another problem | Technology | The Guardian

The Web’s Next Transition | Epic Web Dev by Kent C. Dodds

Features – Linear

58 bytes of css to look great nearly everywhere

2022-10-10T00:00:00Z

Repo Github

GitHub - 58 bytes of css to look great nearly everywhere

GitHub - antfu/retypewriter: Replay the steps of your changes at ease.

Github - Release v1.0.0 · axios/axios

Veille

sqlfluff

sampler

Design

Design Systems For Figma

Solve a murder with SQL

2022-10-03T00:00:00Z

Veille

The SQL Murder Mystery

The new standard for interactive graphics app

The Implicit ‘Any’ Type Error | Total TypeScript

Comment affronter un entretien technique des enfers ? - Je suis un dev

CSS

Devices.css - Modern devices crafted in pure CSS

How to Create Wavy Shapes & Patterns in CSS | CSS-Tricks - CSS-Tricks

Interesting filter UI for the concatenation of items by Spotify

Repository GitHub

GitHub - Depcheck is a tool for analyzing the dependencies in a project to see: how each dependency is used, which dependencies are useless, and which dependencies are missing from package.json.

GitHub - 11ty/is-land: A new performance-focused way to add interactive client-side components to your web site.

Puts a pet in your editor

2022-09-26T00:00:00Z

VSCode editor

Puts a small, bored cat, an enthusiastic dog, a feisty snake, a rubber duck, or Clippy 📎 in your code editor : vscode-pets

Repository Github

GitHub - Hack-with-Github/Awesome-Hacking: A collection of various awesome lists for hackers, pentesters and security researchers

GitHub - microsoft/playwright: Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

GitHub - jquense/yup: Dead simple Object schema validation

GitHub - PuruVJ/neodrag: One Draggable to rule them all 💍

GitHub - Djuuu/git-mr: Prepares a merge request description, with link to Jira ticket and current branch commit list

Veille

Oh Shit, Git!?!

Naming things in JavaScript | Go Make Things

Logical OR assignment (||=) - JavaScript | MDN

Offset-path - CSS | MDN

Godly website - Astronomically good web design inspiration from all over the Internet, every day.

Developers as an audience is a hard sell – part one “developers are influencers” | Christian Heilmann

Everyone has JavaScript, right?

Fireship - Learn to Code Faster

Sam Fairbairn

Learn HTML by web.dev

Speedy css tip

2022-09-19T00:00:00Z

CSS

Speedy CSS Tip! Animated Loader

MVP.css - Minimalist stylesheet for HTML elements

Humor & Tweet

Tweet of the week

In @vuejs 3 we're not limited to a single v-model:

Overlap stuff with CSS

2022-09-12T00:00:00Z

Veille

So your designer wants stuff to overlap ?

Web tool

ColorSpace - Color Palettes Generator and Color Gradient Tool

Repo Github

GitHub - raphaelameaume/fragment: alpha A web development environment for creative coding

GitHub - IdreesInc/Monocraft: A programming font based on the typeface used in Minecraft

Visualize your json

2022-09-09T00:00:00Z

Veille

JSON Crack - Seamlessly visualize your JSON data instantly into graphs.

Is it :modal? This handy CSS pseudo-selector gives you a way to select elements that are modal.

Repository Github

🌈 An animated and accessible command menu. Kmenu

Web performance

Critical CSS? Not So Fast!

Web component framework

2022-08-29T00:00:00Z

Repository Github

Enhance is a web standards-based HTML framework. It’s designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.

Develop components in isolation with whyframe. It gives iframes superpowers, making it easy to render anything in isolation.

Plaiceholder is a beautiful image placeholders, without the hassle.

Map.earth is an open-source maps for everyone, powered by Headway and OpenStreetMap.

From Twitter

Very cool experiment from Anderson Mancini which made a website to select in 3D with spatial audio your seat.

Veille

Why do arrays start at 0 ?

Search engine for art image lexica.art.

Analytics tools splitbee.io

www.uneed.best is a website wich curate the best tool on the internet. Curated by the hand of Thomas Sanlis

Moving from google analytics

2022-08-22T00:00:00Z

Veille

Why I've Had No Regrets Moving from Google Analytics to Plausible

How you can quit utilising email and work async

CSS

Dock OS effect with css :has property

Dev Humor

When a project manager comes to a developer to add a new feature.

Repository Github

The @internationalized/date package provides objects and functions for representing and manipulating dates and times in a locale-aware manner.

Agile projects are a lie

2022-08-19T00:00:00Z

Veille

All the agility has been sucked out of agile projects

Agile Projects Have Become Waterfall Projects With Sprints

The web is a harsh manager

This is What Happened When I Stopped Reading News Completely

The James Webb Space Telescope runs JavaScript, apparently

Vue for interactive command-line apps

2022-08-12T00:00:00Z

Repo GitHub

Temir is a Vue for interactive command-line apps.

Temir provides the same component-based UI building experience that Vue offers in the browser, but for command-line apps. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Temir as well. If you are already familiar with Vue, you already know Temir. Since Temir is a Vue renderer, it means that most of the features of Vue are supported. Head over to Vue website for documentation on how to use it. Only Temir’s methods will be documented in this readme.

RGPD friendly cookie manager

⌘K is a command menu React component that can also be used as an accessible combobox. You render items, it filters and sorts them automatically. ⌘K supports a fully composable API How? , so you can wrap items in other components or even as static JSX.

🌈 React for interactive command-line apps

Taxi.js is a 🤏 small and 🐊 snappy js library for adding slick PJAX navigation and beautiful transitions to your website.

Awesome Tauri, A curated collection of the best stuff from the Tauri ecosystem and community. Tauri is used to build an optimized, secure, and frontend-independent application for multi-platform deployment.

CSS

System.css is a CSS library for building interfaces that resemble Apple’s System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.

Loading Disco An alternative to the loading spinner.

Web performance

DOM ready events considered harmful | HTTP 203

How to Improve CSS Performance

Understanding the Performance Impact of Generated JavaScript

Reflections on the Behavioral Aspects of Web Performance

Veille

Go Make Things | The difference between a junior and senior developer

Announcing Docusaurus 2.0

In 2022, digital designers are going all in: on color, experience, and on creating rich spaces for our ever-more hybrid way of living. And while the rest of the year is still loading, here are the undeniable design trends taking over our screens right now. THE BIGGEST DESIGN TRENDS OF 2022

Twitter Thread

Thread about CSS scroll-snap

The rise of the state machine

2022-08-05T00:00:00Z

Veille

The Rise Of The State Machines
Quick summary : The UI development became difficult in the last couple of years. That is because we pushed the state management to the browser. And managing state is what makes our job a challenge. If we do it properly, we will see how our application scales easily with no bugs. In this article, we will see how to use the state machine concept for solving state management problems.

XState is a JavaScript and TypeScript finite state machines (opens new window) and statecharts (opens new window) for the modern web.

Which Generator builds Markdown the fastest?

Finer grained control over CSS transforms with individual transform properties.

Node.js: creating ESM-based shell scripts for Unix and Windows

Component patterns A collection of cross browser UI components for use in accelerating or inspiring your own design systems.

Maintenance Matters A list of ten simple things we do to make our projects as maintainable as possible, regardless of the stack.

Css experiment Footer Sorrow

Oh My Posh is a prompt theme engine for any shell.

Testing

Playwright enables reliable end-to-end testing for modern web apps.

Web tools and API

Pipedream is the fastest way to automate any process that connects APIs. Build and run workflows with code-level control when you need it, and no code when you don’t.

Github repository

Moveable is a repository of components which are Draggable! Resizable! Scalable! Rotatable! Warpable ! Pinchable ! Groupable ! There is storybook available with all components here Moveable Storybook

Pino 🌲 super fast, all natural json logger for Nodejs

Lyra 🌌 Fast, in-memory, typo-tolerant, full-text search engine written in TypeScript.

Solid is a declarative JavaScript library for creating user interfaces. Instead of using a Virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions. Declare your state and use it throughout your app, and when a piece of state changes, only the code that depends on it will rerun.

Web performance tools

2022-07-29T00:00:00Z

Web Performance

A list of tools useful to audit your website :

Scan your entire website with Google Lighthouse️ - in 2 minutes. Unlighthouse
Measure page quality. Test your pages in a lab environment powered by PageSpeed Insights. Then get tips and recommendations to improve your user experience. Web.dev
Treo Site speed. Find out how fast your website is for real users. It's free and instant. Treo.sh
Yellow Lab Tools. Online test to help speeding up heavy web pages. Free and open source! yellowlab.tools
🧠 ct.css – Let’s take a look inside your head. CT.css

An article about Lazy Pre-Browsing with Prefetch

Veille

I Regret My $46k Website Redesign is an article about the experience of a little company who hire an agency to make the job of a freelance.

Incomplete List of Mistakes in the Design of CSS

The Modern JavaScript Tutorial, how it's done now, from the basics to advanced topics with simple, but detailed explanations.

CodePen Home Responsive Faux 3D Content Scroller ✨

Some tools for Tailwind CSS

Virtual machine

Virtual machines for iOS and macOS

Using sass in 2022

2022-07-22T00:00:00Z

Veille

Is Sass still relevant ? It seems like we need to have this conversation every few months. Mayank wrote about The case for using Sass in 2022

Web Performance

instant.page uses just-in-time preloading — it preloads a page right before a user clicks on it.

https://www.debugbear.com/html-size-analyzer

VS Code extenstion

Quokka.js runs JavaScript and TypeScript with instant feedback. Runtime values are updated and displayed in your editor next to your code, as you type.

Runtime

Bun is a fast all-in-one JavaScript runtime

API

The Public APIs List, a curated list for the public web Apis. https://apislist.com/

Guide to asking for help

2022-07-15T00:00:00Z

Veille

Excellent article to know how you can ask for help for your problem.
Help Me Help You: A Guide to Asking for Help

Twitter

Tweet about a TODO app for VS Code

CSS

A twitter thread of clever CSS tricks.

Repository Github and Bash

A collection of handy Bash One-Liners and terminal tricks for data processing and Linux system maintenance.

Bundle JS

2022-07-08T00:00:00Z

Veille

bundlejs is a quick npm package size checker.

Very good talk from Andy Bell : Be the browser’s mentor, not its micromanager

CSS

Article of defensive css : Position sticky with CSS Grid

No-Class CSS Frameworks

Vuejs

Vue 2.7 "Naruto" Released

Defensive css

2022-06-24T00:00:00Z

CSS

# Practical CSS and design tips that helps in building future-proof user interfaces :
Defensive CSS

Veille

Is Vendor Prefixing Dead ?

Repository Github

# Repository which contains links related to the web performance :
Web Performance Research

Web performance

Web performance is a distribution :
How Fast Should Your Site Load ?

CLI Tools

A simple boilerplate for using NPM tasks to build and compile JavaScript, CSS, and image files. Build Tool Boilerplate

Design

Source Starter Kit is a free and customizable starter file for your Figma projects.

The end of localhost

2022-06-17T00:00:00Z

Veille

Great article from swyx about how the cloud will change our development environment. The end of localhost

The 8 Jobs of Management

Friendly web development tutorials for complete beginners

CSS

Mobile-First CSS: Is It Time for a Rethink?

Repository Github

The Hassle-Free JavaScript Tool Manager Volta fast replacement for NVM.

Future frontend build tools

2022-06-10T00:00:00Z

Veille

This article explores the concept of tooling for frontend development on the web. You will learn why we need frontend tooling, the various stages of evolution it has gone through, and the new developments that will shape the frontend build tools of the future. To follow along with this article, a general understanding of modern frontend development on the web is necessary. The Future Of Frontend Build Tools

Firefox DevTools provide a multiline JavaScript console

State of Vue @ VueConf US 2022

Re-evaluating technology

Remote work is killing big offices. Cities must change to survive

Repo Github

A friend to help you build ffmpeg commands

Developper tools reviews

2022-06-03T00:00:00Z

Veille

Can I use but for the DevTools : Can I DevTools ?

Each week Console reviews the best tools for developers : Developer tools reviews

Learn what treemaps are and how to visualize data in a cool interactive treemap chart using JS. : How to Build a Treemap Using JavaScript

JavaScript

JavaScript async and await in loops

Repo Github

Session replay for developers

Open source code of dev.to : Forem is open source software for building communities.

A simple terminal UI for both docker and docker-compose, written in Go with the gocui library.

Magento 2 Cache Clean

Queue Microtask

2022-05-27T00:00:00Z

I was in holiday last week so, I didn't take the time to check some news from the "interweb" :D
Here is one thing I came across though.

Veille

An Introduction to JavaScript's queueMicrotask

Vuejs 2.7

2022-05-20T00:00:00Z

Vuejs

Vue 2 is now migrated to TypeScript and all tests are passing. And exciting news the composition api will be ready for Vue 2.7.
Evan You Tweet

Apple will now allow Blink and Gecko based browsers in iOS after lastest EU ruling.
Aaron Toponce Tweet

Web performance

The Server-Timing header communicates one or more metrics and descriptions for a given request-response cycle. It is used to surface any backend server timing metrics (e.g. database read/write, CPU time, file system access, etc.) in the developer tools in the user's browser or in the PerformanceServerTiming interface.

Here's an MVP with @eleven_ty and esbuild allowing us to use modern JS (or TypeScript) with module imports and outputs minified, inlined JS bundles for each page.
Bundling js in Eleventy with ESBuild

Regex Visualizer

2022-05-13T00:00:00Z

Veille

A tool which explain visualy how the regex works Regex visualizer

Why or why not commenting your code

Replicache is a JavaScript library for building zero-latency, live-updating web UIs based on Realtime Sync.

Dev Humor

Cassidy explain truth about your own website

CSS

Cube css alternative css technology

Headeless UI Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Repository Github

Opinionated Vite Starter Template

Shared component across routes with animations

Web performance

My web performance journey with Nuxt, Storyblok & Netlify - Dawntraoz

Optimising largest contenful paint

2022-05-06T00:00:00Z

Web Performance

A very good article from Harry an award-winning Consultant Web Performance Engineer, designer, developer, writer, and speaker from the UK.

Getting Around Background Image Issues

Nuxt, Lighthouse CI and Github actions

Jakub Andrzejewski write about how setup a Continuous performance checks in Nuxt.js with Lighthouse CI and Github Actions.

Managing third party scripts

James Hill Tech lead at Groupon wrote about Managing third party scripts.

Veille

This post demonstrates a different way to let users select multiple choices from a set. Ideally one that is less confusing and more forgiving of mistakes.

Under-Engineered Multi-Selects

Sketch explanations of lot of things

Sketch explanations of cognitive bias

CSS

You Don’t Need A UI Framework

Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it.

You Don’t Need A UI Framework

CLI

Bash Command Line Tips to Help You Work Faster

Let’s take a look inside your < head >

2022-04-29T00:00:00Z

Web Performance

🧠 ct.css – Let’s take a look inside your < head >

Your < head > is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s < head > tags.

CSS

A Practical Guide to Centering in CSS

Guide de Code par @mdo

Standards pour des fichiers HTML et CSS flexibles, durables et maintenables.

Cool Hover Effects That Use Background Properties

https://css-tricks.com/cool-hover-effects-using-background-properties/

Vite

Vite.js Tutorial – How to Install and Use Vite in Your Web Projects

Testing

Testing Vue Components With Cypress

Writing Strong Front-end Test Element Locators

Repo git

Unified plugin system for build tools.

Auto import APIs on-demand for Vite, Webpack, Rollup and esbuild. With TypeScript support. Powered by unplugin.

Veille

This website lets you randomly explore the IndieWeb. Simply click the button below and you will be redirected to a random post from a personal blog.

Article on the survivor bias We survived

Discover Insanely Useful Websites.

Portofolio of Quentin Hocdé, Creative Developer 7 digital artist

Video on Nuxt 3

Build excellent websites

2022-04-22T00:00:00Z

Veille

Be the browser’s mentor, not its micromanager.
Give the browser some solid rules and hints, then let it make the right decisions for the people that visit it, based on their device, connection quality and capabilities. This is how they will get a genuinely great user experience, rather than a fragmented, broken one.

Andy Bell, Build excellent websit.es

Stack Overflow blog :

Empathy for the Dev: Avoiding common pitfalls when communicating with developers

World fastest website

2022-04-15T00:00:00Z

Web performance

A nice article about how achieving performance is difficult.
Making the world’s fastest website, and other mistakes

Another performance tools but focused on Core Web Vitals.
Speed Vitals

Codrops Css demo

A collection of demo variations, ideas, raw concepts & experiments.
Codrops Sketches

The css courses of Estelle
https://estelle.github.io/CSS/

JS library

Arguably the most useful library for your website! Starts a screensaver after timeout milliseconds of inactivity on your site.

Screensaver.js

Veille

Debugging Objects in Shopify Templates

James Sinclair wrote about function composition : JavaScript function composition

Comics wich explain how Chrome works internally : CONTRA CHROME

Performance Optimization Strategy in 2022

2022-04-08T00:00:00Z

Web performance

Performance Optimization Strategy in 2022
Compiled by Vitaly Friedman

Performance Optimization Strategy in 2022

Accessibility

Accessible Cards by Kitty Giraudel
Accessible Cards

Web app

Thunder Client – An Alternative Way to Test Restful APIs
Thunder Client

Veille

How to write a declarative JavaScript promise wrapper
By Vijit Ail

Declarative js promise wrapper

CLI

A customizable cross-platform graphical process/system monitor for the terminal.
Supports Linux, macOS, and Windows. Inspired by gtop , gotop , and htop .

Bottom

Browser

New to the web platform in March
https://web.dev/web-platform-03-2022/

Interop 2022

2022-04-01T00:00:00Z

Browser

Interop 2022 Dashboard
https://wpt.fyi/interop-2022

CSS

For as long as developers have written CSS code, we’ve been desperate to have a method to allow styling a parent element based child characteristics. That’s not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on a relative CSS selector!

https://davidwalsh.name/css-has

Understanding Layout Algorithms | css

The mental model shift that makes CSS more intuitive
https://www.joshwcomeau.com/css/understanding-layout-algorithms/

Clip path | css

Tricks to Cut Corners Using CSS Mask and Clip-Path Properties
https://css-tricks.com/cut-corners-using-css-mask-and-clip-path-properties/

Web performance

Time for Next-Gen Codecs to Dethrone JPEG
https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg

The « Developer Experience » Bait-and-Switch
The « Developer Experience » Bait-and-Switch

Native browser Lazy loading
https://twitter.com/hdjirdeh/status/1508644628995600389

The typical use case for this high speed Node.js module is to convert large images in common formats to smaller, web-friendly JPEG, PNG, WebP, GIF and AVIF images of varying dimensions.
Sharp | Node.js image processing

Picture perfect images with the modern element
https://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/

Optimising Largest Contentful Paint
https://csswizardry.com/2022/03/optimising-largest-contentful-paint/

Performance checklist for vue and nuxt
https://dev.to/theandrewsky/performance-checklist-for-vue-and-nuxt-cog

Javascript

Types as comments: Strong types, weakly held
https://blog.logrocket.com/types-as-comments-strong-types-weakly-held/

Repo GitHub

A lazy functional Iteration library supporting sync, async, and concurrent iteration.
https://github.com/TomerAberbach/lfi

date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.
https://github.com/date-fns/date-fns

A tiny (~400 B) & modern library for keybindings
https://github.com/jamiebuilds/tinykeys

Virtual machine

Lima: Linux virtual machines (on macOS, in most cases)
https://github.com/lima-vm/lima

Security

This checklist of privacy and security tips, is a summarized version of The Complete Personal Security Checklist. It lays out the most essential steps you should take to protect your digital life.

https://github.com/Lissy93/personal-security-checklist/blob/master/2_TLDR_Short_List.md

Web app

Squoosh is an image compression web app that reduces image sizes through numerous formats.

https://squoosh.app/

Framework

htmx gives you access to AJAX , CSS Transitions , WebSockets and Server Sent Events directly in HTML, using attributes , so you can build modern user interfaces with the simplicity and power of hypertext
htmx is small ( ~10k min.gz’d ), dependency-free , extendable & IE11 compatible

https://htmx.org

Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditional single-page application.

https://hotwired.dev

Framework css

An open-source, lightweight and modernish CSS design system, framework built on Sass. Give your project a solid foundation.
https://sprucecss.com/

Magepack

2022-03-25T00:00:00Z

Veille

The Ultimate CSV Editor/Viewer for Windows, Mac, and Linux

Repository Github

Next generation Magento 2 advanced JavaScript bundler.

Interactive JavaScript Charts built on SVG

Safari 15.4 release

2022-03-18T00:00:00Z

Veille

In this release of safari, there are a lot of exciting stuff.
Some keys features :

HTML

New Features
- Added support for the
  element.
- Added lazy-loading support for images with the loading attribute on the element.
- Added support for the autofocus attribute.

CSS

New Features
- Added ::backdrop pseudo-element support.
- Added support for CSS Containment with the contain property.
- Added CSS Cascade Layer support for improved developer control over cascading rules.

Safari 15.4 Beta Release Notes

Veille

Congratulations to Chris Coyier for the acquisition by Digital Ocean : css-tricks-is-joining-digitalocean

CSS

Article: Aligning Content In Different Wrappers

SASS

A great article about the why is still relevant today : in-defense-of-sass

Twitter

Did you know you can write reactive CSS in @vuejs 3?
We can use reactive values in our style block just like we can in the template block:

Link to the tweet : https://twitter.com/MichaelThiessen/status/1503341429933887492

Twitter

Just trying @eleven_ty’s Vue plugin and grinning like a Cheshire Cat at how bloody easy it is
Link to the tweet : https://twitter.com/hankchizljaw/status/1503013055118069763

Web Performance

Performance tip: don't forget to dedupe your modules!
In many cases, you may be loading the same package multiple times
Try npm dedupe or npx yarn-dedupe to ensure you shed unneeded duplicates

Link to the tweet : https://twitter.com/Steve8708/status/1504471963258920976

Twitter

CSS Tip 💡
Use a dynamic line separator that changes from horizontal to vertical depending on flex-direction. No need for width or height. Just a stretched CSS border!

Link to the tweet : https://twitter.com/shadeed9/status/1504793648151601169

Useful css tricks

2022-03-11T00:00:00Z

CSS

10 Useful CSS Tricks for Front-end Developers : useful-css-tricks

A Reason to Self-Host Fonts : a-reason-to-self-host-fonts

CSS-CHECKER checks your css styles for duplications and find the diff among css classes with high similarity in seconds. It is designed to avoid redundant or similar css between files and to work well for both local development, and for automation like CI.

Two ways to load only the CSS you need

Veille

It’s not just you. Science explains how your focus is more scattered now and how to get it back.
Fastcompany website

Interop 2022: browsers working together to improve the web for developers
Link to the article : interop-2022

Developer Ambitions Report (Europe)
Link to the article : ambitions-europe

The decoding property of the HTMLImageElement interface represents a hint given to the browser on how it should decode the image.
Link to the article : decoding

A look at the dialog element's super powers
Link to the article : a-look-at-the-dialog-elements-super-powers

Progressive Enhancement, the New Hotness™
Link to the article : progressive-enhancement-the-new-hotness

The Future of Micro-Frontends
Link to the article : the-future-of-micro-frontends

Twitter

TIL that you can enable JSDoc powered type checking in @code
via // @ts-check. Tweet from @stefanjudis

Web performance

Firefox Profiler, this web app is the official Firefox Profiler for analyzing performance profiles of Firefox and the Gecko browser engine.

Repo git

yalc acts as very simple local repository for your locally developed packages that you want to share across your local environment.

CSS Debug

2022-03-04T00:00:00Z

Veille

Freecodecamp | Learn This One Weird ? Trick To Debug CSS

Freecodecamp | Web Animation Performance Fundamentals – How to Make Your Pages Look Smooth

Monodraw | Powerful ASCII art editor designed for the Mac.

CSS-TRICKS | How to Make a “Raise the Curtains” Effect in CSS

Web Performance

Calendar Perf Planet | Redirects are notoriously bad for performance. This article explains how to remove redirect penalties using a new technique called Redirect Liquidation.

Repo github

Github | A refreshing JavaScript Datepicker

Github Blog | Include diagrams in your Markdown files with Mermaid

Github | Use Tailwind CSS to design HTML emails.

Github | Finally, a "back to top" button that behaves like a real elevator, by adding elevator music to quietly soothe the awkwardness that can ensue when being smoothly scrolled to the top of the screen.

Gist Github | A mixin for writing @font-face rules in SASS.

ES2022

2022-02-25T00:00:00Z

Veille

blog.logrocket.com | What to expect from ES2022

tooling.one | is a collection of useful tools for developers, it works locally mostly, no data will be uploaded to any server unless otherwise noted.
gomakethings | A more easy way to write if...or checks with vanilla JavaScript

Twitter

Twitter FR | % Change in text size after translation in ensglish
Twitter EN | You can use a single line of CSS to create a resizable element
Twitter EN | HTML Pro Tip 💡 Use "translate" attribute and set it value to "no" for your company name.

Repository Github

Bash is great, but when it comes to writing scripts, people usually choose a more convenient programming language. JavaScript is a perfect choice, but standard Node.js library requires additional hassle before using. The zx package provides useful wrappers around child_process, escapes arguments and gives sensible defaults.
Github | Google zx

Having fun hover link

2022-02-18T00:00:00Z

Veille

Having fun with link on | CSS-TRICKS

CSS link hover effects | CSS-TRICKS

Flexbox separator | Ishadeed Blog

Vue cli Version 5 | Blog Ninja Squad

Tips twitter, accessibility panel in firefox

Single-file PHP app that can be dropped into any folder, instantly creating a gallery of files and folders.

Repository Github

Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences.

Feedbin is a simple, fast and nice looking RSS reader.

A progressive Node.js framework for building efficient and scalable server-side applications.

Nuxt 3 Amsterdam update

2022-02-11T00:00:00Z

Vuejs

Twitter | Nuxt 3 update at Vuejs Amsterdam by @atinux

Medium | Vue.js 2: Two-way data binding in Parent and Child components

Repo Github

Run Third-Party Scripts From A Web Worker, nuxt plugin

Browserosaurus is an open-source (GPLv3 license), browser prompter for macOS. It works by setting itself as the default browser; any clicked links in non-browser apps are now sent to Browserosaurus where you are presented with a menu of all your installed browsers. You may now decide which app you’d like to continue opening the link with.

A macOS app for customizing which browser to start.

A suite of utilities to add more features to the details element.

Mailwind | Use Tailwind CSS to design HTML emails.

Veille

CSSUI | Pure CSS interactive components without any Javascript at all.

Retype | Retype is an ✨ ultra-high-performance✨ static site generator that builds a website based on simple text files.

Screego | Screego is an addition to existing software and only helps to share your screen.

Session App | Session helps you focus and be more mindful by blocking distractions and tracking your progress

Recruiters be like -> leemeichin | We're looking for someone who can connect to the database using CSS.

Benefits of code splitting

2022-02-04T00:00:00Z

Veille

Quick summary ↬ In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript. Smashing Magazine | Improving JavaScript Bundle Performance With Code-Splitting

The Scroll-linked Animations Specification is an upcoming addition to CSS that defines a way for creating animations that are linked to a scroll offset of a scroll container. Even though the specification is still in draft, and in no way finalized nor official, it already has experimental support in Chromium. Bram Website | The Future of CSS: Scroll-Linked Animations with @scroll-timeline

Website which referenced some very cool command line tool. Charm_ | We build tools to make the
command line glamorous.

Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Tauri Github Tauri site web

Vuejs

https://fr.vuejs.org/v2/cookbook/editable-svg-icons.html

Old internet is coming back

2022-01-25T00:00:00Z

Veille

Article about how the "old internet", the internet when it was not only socials network. https://cheapskatesguide.org/articles/old-internet-coming-back.html

https://mxb.dev/blog/make-free-stuff/

What if technologies were countries? Game of Codes

Vuejs

How to Build a Tab Component In Vue.js | by Luca Spezzano | NotOnlyCSS | Medium
Vue.js tabs - CodeSandbox

Hottests Front-end Tools of 2021

2022-01-19T00:00:00Z

Veille

The 60 Hottest Front-end Tools of 2021 | CSS-Tricks - CSS-Tricks

Open Props: sub-atomic styles

Minimal CSS Framework for semantic HTML • Pico.css

GitHub - Pikaday/Pikaday: A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

Vuejs slots

2022-01-17T00:00:00Z

Links to learn how the slots works in Vuejs

GitHub - posva/vue-promised: 💝 Composable Promises & Promises as components

Form input elements and v-model in VueJS slots

Using Slots In Vue.js — Smashing Magazine

Slots — Vue.js

Release Eleventy v1.0.0.

2022-01-13T00:00:00Z

Repo git

Release Eleventy v1.0.0: First! · 11ty/eleventy · GitHub

CSS links

Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks

I am back with 100 « Dark Mode » CSS loaders - DEV Community

Mouse-Out

A Unified Theory of Web Performance.

2022-01-11T00:00:00Z

Web Performance

Web Performance Calendar A Unified Theory of Web Performance

Veille

Tailwind CSS v3.0 – Tailwind CSS

How to fold a DOM node | CSS effects

Repo git

GitHub - mateodelnorte/meta: tool for turning many repos into a meta repo. why choose many repos or a monolithic repo, when you can have both with a meta repo?

You don't (may not) need Lodash/Underscore.

2022-01-05T00:00:00Z

Repo git

You don't (may not) need Lodash/Underscore

Sample markup containing most HTML5 elements.

GitHub - balena-io/etcher: Flash OS images to SD cards & USB drives, safely and easily.

Fantastic icon manager for web developers.

A lightweight (5kB) WebGL globe lib. The name "COBE" stands for Cosmic Background Explorer.

Transform sketches into HTML using AI.

2022-01-03T00:00:00Z

Veille

Download Olvid, the most secure messenger in the world.

Sketch2Code - Transform sketches into HTML using AI

Did You Know About the :has CSS Selector? - CSS-Tricks

Links on Performance V - CSS-Tricks

The Feynman technique - how to learn anything.

2021-12-21T00:00:00Z

Tweet and Thread

Thread | the Feynman technique - How to learn anything

Thread JS | You can pass the Boolean constructor function to 'filter' and quickly filter out all falsy values this way.

Thread | Vuejs 3 tips on script setup

Thread WebGL | I made cobe a while ago: a 5kB globe lib, and it improved our page performance* by almost 60%.

Just learned about the groupBy feature in #javascript. (currently stage 3)

Tbt when I built Scalextric with some CSS and a little SVG ✨ Using 3D transforms and motion path 🚀

Thread html | Why ?

Defensive CSS techniques.

2021-12-16T00:00:00Z

Articles

Defensive CSS - Ahmad Shadeed

From Node to Ruby on Rails | D U N K

Veilles

The Vite Ecosystem | patak

DoodleCSS

WebGL Water

Remix web framework.

2021-12-14T00:00:00Z

Veille

Remix | Remix Docs Home

Icon Glassmorphism Effect in CSS

Polygon shapes in CSS - Stéphanie walter tweet

Links on WordPress I - CSS-Tricks

Articles

3-lines-of-code-shouldnt-take-all-day

Web Performance Calendar » Combat CSS blockage with this one weird little trick

Repo Git

6kb subset of Vue optimized for progressive enhancement. GitHub - vuejs/petite-vue

Sass New JS API Release Candidate is Live.

2021-12-10T00:00:00Z

Veille

Sass: New JS API Release Candidate is Live

The alternative to Windows and macOS designed to make your computer faster, more powerful, secure, and privacy-respecting.

A list of /uses pages detailing developer setups, gear, software and configs.

Article

So what is the one thing that people can do is to make their website better? To answer that, let’s take a step back in time … - Embrace the Platform - CSS-Tricks

The Scroll-linked Animations specification is an upcoming and experimental addition that allows us to link animation-progress to scroll-progress: as you scroll up and down a scroll container, a linked animation also advances or rewinds accordingly. - Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline - CSS-Tricks

Repo Git

GitHub - Shopify/dawn: Shopify’s first source available reference theme, with Online Store 2.0 features and performance built-in.

Why Lighthouse Performance Score Doesn’t Work.

2021-12-09T00:00:00Z

Article

Why Lighthouse Performance Score Doesn’t Work. - Calibre app blog

What if HTML had “tabs” ? - Spicy Sections - CSS-Tricks

Veille

A collection of free single-purpose online tools for web developers. - All – Tiny Helpers

Free Illustrations Free SVG Illustrations +77 SVG Illustrations - Lukas Zadam website

Why don't tech-companies pay their engineers to stay.

2021-12-03T00:00:00Z

Article

Why don't tech-companies pay their engineers to stay. - marker.medium

Veille

The UI fund

Repo Git

ActivityPub-federated video streaming platform using P2P directly in your web browser. - GitHub - Chocobozzz/PeerTube

🍃 In short, it’s like Tailwind CSS, but for the PHP command-line applications. - GitHub - nunomaduro/termwind

Using Docker for All The Things !.

2021-12-02T00:00:00Z

Article

Using Docker for All The Things ! - nystudio107 | Dock Life

Veille

Grid Zoom - Codrops

Is the web dead ?.

2021-12-01T00:00:00Z

Article

Smashing Podcast Episode 44 With Chris Ferdinandi: Is The Web Dead ? - Smashing Magazine

Resource around the web on becoming a better programmer - Better Dev Link

Developer productivity.

2021-11-29T00:00:00Z

Article

Mobile developer productivity at Reddit. - Reddit.com/r/RedditEng

A Handy Little System for Animated Entrances in CSS. - CSS-Tricks

The New CSS Reset. - by Elad Shechter | Oct, 2021 | Medium

Repository Github

Template vite + vue2 - GitHub - CMarzin/vite-vue2-template

Store SSH keys in the Secure Enclave - GitHub - maxgoedjen/secretive

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects. - GitHub - juhau/modern-js-cheatsheet

A bit like Solr, but much smaller and not as bright, search engine in js. - GitHub - olivern n/lunr.js

Veille

CSS Animation Weekly #277 - cssanimation.rocks

Resource around the web on becoming a better programmer, issues 221 - Better Dev Link

Sass with Eleventy.

2021-11-26T00:00:00Z

Article

Compiling sass for Eleventy website. - Using SASS With Eleventy — John Kemp-Cruz

SpeedCurve | SEO and web performance: What to measure and how to optimize. - SpeedCurve blog

The Clean Coder.

2021-11-25T00:00:00Z

Article

What I Learned from The Pragmatic Programmer and The Clean Coder. - Article - freecodecamp.org

Custom modern css Reset from Josh Comeau My Custom CSS Reset

Hey low.

2021-11-24T00:00:00Z

Veille

We are a design studio building low-carbon brands and websites. - Hey Low

Worker Dom.

2021-11-23T00:00:00Z

Repo Github

An in-progress implementation of the DOM API intended to run within a Web Worker.

Purpose: Move complexity of intermediate work related to DOM mutations to a background thread, sending only the necessary manipulations to a foreground thread.

GitHub - ampproject/worker-dom: The same DOM API and Frameworks you know, but in a Web Worker.

Performance cost of EV Certificates.

2021-11-20T00:00:00Z

Article

The Performance Cost of EV Certificates. - Simon Hearne Blog

Comment trouver un job qui m’épanouit ? - Blog elinoi.

Web tool

Submit a URL to generate a node map of all of the requests on the page. - Request Map Generator

Web course

A course about HTML forms to help you improve your web developer expertise. - web.dev

Mimestream macOS email.

2021-11-20T00:00:00Z

Veille

A native macOS email client for Gmail - Mimestram

iStat Menus 6. An advanced Mac system monitor for your menu bar. - iStat Menu 6

The all-in-one monitoring tool
for your entire website. - ohdear.app

Repo Git

macOS status monitoring app. - Eul

L'invite minimaliste, ultra-rapide et personnalisable à l'infini pour n'importe quel shell - Starship cross-shell prompt

CSS Pro Tip Palette de peinture

Create pure CSS Typewriter effect using steps animation-timing-function. - Prathkum tweet

Marre du Lorem Ipsum ?
Générez du texte aléatoire qui sent la marée, le goémon et la crêpe.
logoden-biniou

Nicølas Le Gall tweet

Adding search to jamstack.

2021-11-19T00:00:00Z

Article

Adding search to a JAMstack site. - hawksworx.com/blog

Modern css colors.

2021-11-18T00:00:00Z

Article

A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH. - smashingmagazine

Veille

C Is The Greenest Programming Language. - hackaday.com

Warp cli.

2021-11-17T00:00:00Z

Veille

New on the @eleven_ty docs:

Render Plugin (available now in the latest 1.0 Beta)

✉️🎁📦📪🚚🚢

Mix and match template syntax using new renderTemplate and renderFile shortcodes.

Zach Leatherman Tweet

CLI

The terminal that supercharges your developer workflow Warp.dev

Web Workers and third-party script.

2021-11-15T00:00:00Z

Veille

Using Web Workers to boost third-party script performance - LogRocket Blog

How to Write Good Commit Messages with Commitlint - FreecodeCamp

Free Practical Guide to Web Animation - Tilda Education animation course
Online learning resource from Tilda website builder. Practical guides to web design and digital marketing. - Tilda Education

A glossy Matrix collaboration client for the web. - vector-im/element-web

Secure collaboration and messaging - Element

An open network for secure, decentralized communication - Matrix.org

Easy file sharing from the command line - Transfer.sh

Repo Github

Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉 - BuilderIO/partytown

Automate versioning and CHANGELOG generation, with semver.org and conventionalcommits.org - conventional-changelog/standard-version

Cli

Easy file sharing from the command line - Transfer.sh

Upload files from command line to easily share between servers, desktops and mobiles, 50G max. Files are stored for 3 days and can be downloaded only once. - Bashupload

Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development - Smashing Magazine

Speedy web Compiler.

2021-11-08T00:00:00Z

Repo Git

The easiest way to use git. On any platform. Anywhere. - GitHub - FredrikNoren/ungit:

Compiler

swc is a typescript / javascript compiler. - SWC

Framework

Shopify’s opinionated framework for building headless ecommerce. - Hydrogen

Thread twitter sur Hydrogen.

lighthouse user flow.

2021-11-04T00:00:00Z

Article

Try out a new Lighthouse API to measure performance and best practices throughout a user flow. - Lighthouse user flows

The unseen 99%.

2021-11-03T00:00:00Z

Article

Dark Matter Developers: The Unseen 99% - Dark Matter Developers

There’s a simple secret to building a faster website — just ship less. - Introducing Astro: Ship Less JavaScript

Creates a list with floating headings for each section. - List with floating section headings

Dans ce chapitre, nous examinerons les données de performance de terrain fournies par le Chrome User Experience Report (CrUX) à travers la lentille de ces ajouts ainsi que l’analyse d’une poignée d’autres mesures pertinentes. - Almanac performance

Repo Git

Astro

Lazy loading js by visiblity.

2021-11-02T00:00:00Z

Article

Lazy loading JS by visibility

Fred K. Schott gives an impressive presentation of Astro, a framework-agnostic architecture for building web sites and web apps. - Lazy loading JS by visibility

Free Developer Stuff.

2021-10-28T00:00:00Z

Librairie js

The cursor is the heart of any interaction with the web.
Why not take it to the next level? 🚀 - Blobity

Blog

List of free service for developer to use. Some services are free forever or have a free tier at least for 1 year - Free Developer Stuff
Hey, I am Anthony Fu, a fanatical open sourceror. - Anthony Fu

Veille

Reimagine Atomic CSS - Article

App

Open source Dropbox client - Maestrall App

CLI and GIT.

2021-10-25T00:00:00Z

CLI

If you're like me and afraid to automate permanent file deletion, you can opt for a utility named trash. This nice Node.js library moves files to the trash instead of instant deletion. - Command Line trash

Repo Git

Fly through your shell history. Great Scott ! - GitHub - cantino/mcfly

Blog

Nikita voloboev Blog - README - Everything I know
David Walsh Blog - JavaScript Consultant - David Walsh Blog
Stefan Judis - Stefan Judis Blog

Git

How to apply directory dependent git configuration using conditional imports -Stefan Judis Web Development

Veille

Web Weekly keeps you up to date, teaches you web development tricks and covers all things working in tech. Web Weekly #42 | Stefan Judis Web Development

A git alias to show a detailed git branch overview - Stefan Judis Web Development

Librairie js

A tiny (198 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores. GitHub - nanostores/nanostores

VSCode pour le web.

2021-10-21T00:00:00Z

Veille

Visual Studio Code directement dans le navigateur - Visual Studio Code for the Web. Vous pouvez aussi trouver des thèmes VSCode ici

Repo git

Syncthing is a continuous file synchronization program. It synchronizes files between two or more computers. - GitHub - syncthing/syncthing: Open Source Continuous File Synchronization

Librairie js

A free, open-source Javascript library for building animated charts, data stories, and interactive explorers - Vizzu

Cyberpunk VSCode theme

2021-10-20T00:00:00Z

Thèmes Iterm & VSCode

👾 Hacker colorscheme for iTerm - GitHub - Murderlon/cyberpunk-iterm

👾 Cyberpunk colorscheme for VSCode - Cyberpunk - Visual Studio Marketplace.

🦄 Shades of Purple — A professional theme with hand-picked & bold shades of purple to go along with your VSCode - GitHub - ahmadawais/shades-of-purple-vscode.

Preview Visual Studio Code Themes - VSCodeThemes.

Veille

Un générateur de palette de couleur - https://colormixer.web.app/

100 Bytes of css.

2021-10-18T00:00:00Z

Article

100 Bytes of CSS to look great everywhere

Librairie js

WinBox.js – Modern HTML5 Window Manager

La Guerre de l’Art.

2021-10-12T00:00:00Z

Article

La Guerre de l’Art : Comment libérer sa créativité et exprimer son talent

Podcast

Podcast Tech out sur l’art de la concentration

Repo git

GitHub - fabiospampinato/cash: An absurdly small jQuery alternative for modern browsers.

Cocoweb

How to center a div

Veille #

Repository Github #

Find copy/paste in your codebase

Repository Github #

Design #

The regex curse

Humor #

Veille #

The developer who know everything

Veille #

Removing Typescript build step

Veille #

CSS #

A Global Design System

Veille #

Design #

CSS #

Lets get rich with ChatGPT

Veille #

Design #

Vuejs is the Linux of the frontend world

Veille #

The ultimate Raycast guide

Veille #

Repository Github #

CSS #

Why we ( us dev) code ?

Veille #

Human readable regex in PHP

Repository Github #

Veille #

Design #

An Interactive Guide to CSS Grid

Veille #

Repository Github #

Developer have it easy

Veille #

Typescript #

Vuejs #

Design #

Laravel monitoring system

Veille #

CSS #

Design #

Repository Github #

Data provider pattern in Vuejs

Veille #

CSS #

Design #

How Tailwind CSS Works ?

Veille #

Repository Github #

The most valuable skill of a software developer

Veille #

Repository Github #

Design & CSS #

Mastering Vuejs 3 Composables

Veille #

CSS & Design #

Repository Github #

How to burnout a software engineer

Veille #

CSS #

Repository Github #

A love letter to the next developer

Veille #

Repository Github #

Design #

For what type of dev Tailwind is worth it ?

Veille #

Repository Github #

Design #

Typescript Origin

Veille #

Repository Github #

Design #

Free web tools for devs

Veille #

Veille

Repository Github

Repository Github

Design

Humor

Veille

Veille

Veille

CSS

Veille

Design

CSS

Veille

Design

Veille

Veille

Repository Github

CSS

Veille

Repository Github

Veille

Design

Veille

Repository Github

Veille

Typescript

Vuejs

Design

Veille

CSS

Design

Repository Github

Veille

CSS

Design

Veille

Repository Github

Veille

Repository Github

Design & CSS

Veille

CSS & Design

Repository Github

Veille

CSS

Repository Github

Veille

Repository Github

Design

Veille

Repository Github

Design

Veille

Repository Github

Design

Veille

Veille

Repository Github

Veille

Repository Github

Veille

Repository Github

Design

Veille

Repository Github

Design

CSS

CSS

Repository Github

Veille

Repository Github

Design & Fonts

CSS

Vue

Repository Github

Veille

CSS

Veille

UI

Repository Github