DevPush Bulletin 04

🔅 Introduction

Bonjour et bonnes fêtes à toutes et tous 👋🎆🎄 Bienvenue au dernier numéro du bulletin DevPush de l’année 2023. Cela fait un certain temps que je travaille comme intérimaire et que je me suis éloigné en grande partie de la programmation. Cependant, avec un intérêt constant pour la programmation et le suivi des actualités et des événements technologiques, j’ai décidé de poursuivre cette publication. Bien sûr, je ne peux pas prédire les événements qui se produiront en 2024, mais c’est avec espoir et pensée positive que j’ai l’intention de commencer la nouvelle année. Je vous souhaite également succès et prospérité pour la nouvelle année.

📣 L’actualité

✨ Adobe a renoncé à l’achat de Figma

bulletin-04 devpush

En septembre 2022, une nouvelle a été publiée indiquant que la grande entreprise Adobe souhaitait acquérir Figma pour un montant de 20 milliards de dollars. Cette nouvelle a été choquante pour beaucoup car Adobe possédait déjà l’outil Adobe XD. Beaucoup ont interprété la décision d’Adobe comme une tentative d’éliminer un concurrent et de créer un monopole. Cependant, plus d’un an plus tard, la semaine dernière, il a été annoncé que Adobe et Figma avaient annulé cet accord et que Adobe devrait verser une amende d’un milliard de dollars à Figma.

🌐https://www.theverge.com/2023/12/18/24005996/adobe-figma-acquisition-abandoned-termination-fee

✨ The AI Alliance

Plus de 50 entreprises et organisations renommées telles que Meta, Intel, AMD etc… ont formé une alliance nommée AI Alliance pour travailler dans le domaine de l’intelligence artificielle open source et partager leur expertise technique. Il est à noter que des entreprises telles qu’OpenAI (et Microsoft), NVIDIA et Google ne font pas partie de cette alliance. Pour plus d’informations, veuillez consulter le site web ci-dessous :

🌐https://thealliance.ai

✨ Rapport GitHub sur l’état de l’open source et de l’intelligence artificielle en 2023

🌐https://github.blog/2023-11-08-the-state-of-open-source-and-ai

✅ Liens utiles

💠 Technologie:

Ce site met à votre disposition différents thèmes VS Code pour que vous puissiez facilement choisir votre propre thème:

🌐https://vscodethemes.com

Bruno une alternative open source pour Postman:

🌐https://www.usebruno.com

💠 Programmation:

V0 est désormais ouverte à tout le monde:

🌐https://v0.dev

Million.js est un DOM virtuel extrêmement rapide et léger de moins de 4 ko qui rend React jusqu’à 70 % plus rapide:

🌐https://million.dev

Tests unitaires dans React avec Jest et Enzyme:

🌐https://dev.to/rowsanali/unit-testing-in-react-with-jest-and-enzyme-5e1e

React components librairie:

🌐https://mantine.dev

🌐https://dev.to/refine/introduction-to-mantine-ui-library-16k

Composants d’interface utilisateur entièrement personnalisables et accessibles:

🌐https://ark-ui.com

Si vous voulez apprendre à coder, c’est un excellent site pour commencer:

🌐https://thevalleyofcode.com

Lightning CSS (CSS parser, transformer, bundler, and minifier):

🌐https://lightningcss.dev

💠 UI et UX:

Un site de base de données de Design Systems:

🌐https://designsystems.surf

Un site pour choisir les colors palettes et les gradients de vos projets:

🌐https://spectrum.art

Générateur de couleurs Tailwind CSS:

🌐https://uicolors.app/create

Color tints & shades generator:

🌐https://colordesigner.io

Ensemble d’icônes gratuit par la bibliothèque Iconstica:

🌐https://www.figma.com/community/file/1319540334775439319

Iconsax (Icônes gratuits):

🌐https://www.figma.com/community/file/1318615505342334047

Police Inter v4:

🌐https://rsms.me/inter

Un site pour comprendre l’accessibilité pour les web designers:

🌐https://www.understandingaccessibility.com

💠 Autres:

Comment contribuer aux projets open source - Les aspects non techniques que vous devriez connaître:

🌐https://www.freecodecamp.org/news/how-to-contribute-to-open-source

Définition et description des termes de l’intelligence artificielle:

🌐https://9elements.com/blog/ai-glossary

Si vous êtes développeur, pour que vos outils fonctionnent correctement, vous devez régler l’heure exacte sur votre système. Ce site vous aide à trouver l’heure précise de votre région:

🌐https://time.is

🙉 Quoi de neuf sur GitHub ?

Si vous souhaitez apprendre un langage de programmation, ce dépôt GitHub est là pour vous sauver. Il propose une excellente liste de tutoriels orientés projet:

🌐https://github.com/practical-tutorials/project-based-learning

Un projet où vous dessinez l’interface utilisateur dans un environnement de peinture, puis il vous fournit un code HTML + TailwindCSS très propre:

🌐https://github.com/SawyerHood/draw-a-ui

Google a présenté un outil lors de la vidéo “Improve Page Speed” qui, grâce à cette plateforme, vous permet de réduire la taille de vos images jusqu’à 95%, sans compromettre leur qualité:

🌐https://github.com/GoogleChromeLabs/squoosh

🌐http://squoosh.app

Un projet intéressant où vous donnez une instruction textuelle à l’IA, puis l’IA vous pose plusieurs questions pour mieux comprendre votre intention et écrire le code que vous avez demandé:

🌐https://github.com/gpt-engineer-org/gpt-engineer

Crawler un site pour générer des fichiers de connaissances afin de créer votre propre modèle GPT personnalisé à partir d’une URL:

🌐https://github.com/BuilderIO/gpt-crawler

🆕 Mises à jour

📦Tailwind CSS v3.4:

tailwind v3.4 devpush

Dynamic viewport units: Full-height elements that actually work on mobile.
New :has() variant: Style parent elements based on their children.
Style children with the * variant: We’ll probably regret giving you this one.
New size-* utilities: Set width and height at the same time, finally.
Balanced headlines with text-wrap utilities: No more max-width tweaking or responsive line breaks.
Subgrid support: That grid feature you struggle to understand, finally in Tailwind CSS.
et …