BONUS -> Bookmarks 4web
Codebase
Collection & creation des codebases qui peuvent vous être utiles ...
| Collection name | Descriptions |
|---|---|
|
|
Element de texte clignotant |
|
|
Des boutons animEs en pure CSS |
|
|
Collection of portfolio card |
|
|
Collection of carousel |
|
|
Custom your cursor with CSS |
|
|
Collection of fonts |
|
|
Collection of navigation bar |
|
|
Little notification message with Javascript |
|
|
Ajouter un chargement animé à votre page Web |
|
|
Collection of progression bar with Javascript |
|
|
Swiper est le curseur tactile mobile gratuit le plus moderne avec des transitions matérielles accélérées et un comportement natif étonnant. |
|
|
Faites défiler automatiquement vers le haut de la page en utilisant JavaScript |
|
|
Créez facilement des animations de particules hautement personnalisables et utilisez-les comme arrière-plans animés pour votre site Web |
|
|
Collection of typing text effect with Javascript |
|
|
3D & WebGL Background Animations For Your Website. |
NPM packages
Collection des meilleurs packages NPM qui peuvent vous être utiles ...
| Package name | Descriptions | Install | Size | Usage |
|---|---|---|---|---|
|
|
React est une bibliothèque JavaScript pour créer des interfaces utilisateur. | npm i react |
300kb |
|
|
|
CRA ou Create React App est un outil qui vous aidera a générer un squelette de code pour votre application React. Il embarque un certain nombre d'outils préconfigurés, tels que Webpack, Babel et ESLint, afin de vous garantir la meilleure expérience de développement possible. | npm i create-react-app |
300kb |
|
|
|
Express est le framework Web le plus populaire, le plus rapide et le plus minimaliste pour les backends Node.js. | npm i express |
210kb |
|
|
|
Surcouche du langage Javscript qui a pour but d'améliorer et de sécuriser la production de code JavaScript. | npm install -g typescript |
65mb |
|
|
|
Lodash est une bibliothèque utilitaire qui facilite JavaScript en simplifiant l'utilisation de tableaux, de nombres, d'objets, de chaînes, etc... | npm i lodash |
2mb |
|
|
|
Underscore.js est une bibliothèque de ceinture utilitaire pour JavaScript qui prend en charge les suspects fonctionnels habituels (each, map, reduce, filter, etc...) sans étendre les objets JavaScript de base. | npm i underscore |
1mb |
|
|
|
Une bibliothèque de validateurs de chaînes et de désinfectants. | npm i validator |
700kb |
|
|
|
Yup est un constructeur de schéma JavaScript pour l'analyse et la validation de valeurs. Définissez un schéma, transformez une valeur pour qu'elle corresponde, validez la forme d'une valeur existante, ou les deux. | npm i yup |
400kb |
|
|
|
bcrypt est un algorithme de hachage de mot de passe. | npm i bcrypt |
150kb |
|
|
|
Côté navigateur require() à la manière de Node.js. | npm i browserify |
400kb |
|
|
|
Un petit utilitaire de débogage JavaScript inspiré de la technique de débogage du noyau Node.js, fonctionne dans Node.js et les navigateurs Web. | npm i debug |
50kb |
|
|
|
En un mot : automatisation. Moins vous avez de travail à faire lorsque vous effectuez des tâches répétitives comme la minification, la compilation, les tests unitaires, peluches, etc..., plus votre travail devient facile. Une fois que vous l'avez configuré via un Gruntfile, un exécuteur de tâches peut effectuer la plupart de ce travail banal pour vous et votre équipe avec pratiquement aucun effort. | npm i grunt |
80kb |
|
|
|
Cadre de test javascript simple, flexible et amusant pour node.js et le navigateur. | npm i mocha |
4mb |
|
|
|
Jest est un framework de test JavaScript de qualité qui met l'accent sur la simplicité. Il fonctionne avec les projets utilisant : Babel, TypeScript, Node, React, Angular, Vue et plus encore... | npm i jest |
5kb |
|
|
|
ESLint est un outil permettant d'identifier et de signaler les modèles trouvés dans le code ECMAScript/JavaScript, dans le but de rendre le code plus cohérent et d'éviter les bogues. À bien des égards, il est similaire à JSLint et JSHint à quelques exceptions près | npm install eslint --save-dev |
3mb |
|
|
|
Nodemon est un outil qui aide à développer des applications basées sur Node.js en redémarrant automatiquement l'application de nœud lorsque des modifications de fichiers dans le répertoire sont détectées. | npm install -g nodemon |
200kb |
|
|
|
Charge les variables d'environnement à partir de .env pour les projets Node.js. | npm install -g dotenv |
40kb |
|
|
|
Async est un module utilitaire qui fournit des fonctions simples et puissantes pour travailler avec JavaScript asynchrone. Bien qu'initialement conçu pour être utilisé avec Node.js, il peut également être utilisé directement dans le navigateur. | npm i async |
1mb |
|
|
|
Obtenir l'entrée de l'utilisateur par la methode prompt() en cli | npm i prompt-sync |
15kb |
|
|
|
Colors est une bibliothèque pour utiliser les couleurs et les styles dans la console Node.js. | npm install -g colors |
45kb |
|
|
|
Spinner terminal élégant. | npm install -g ora |
30kb |
|
|
|
Méthodes supplémentaires Node.js pour l'objet fs comme copy(), remove(), mkdirs() | npm i fs-extra |
65kb |
|
|
|
ShellJS est une implémentation portable (Windows/Linux/OS X) des commandes shell Unix au-dessus de l'API Node.js. | npm i shelljs |
220kb |
|
|
|
Générez des quantités massives de données factices (mais réalistes) pour les tests et le développement. | npm i @faker-js/faker |
8mb |
|
|
|
Sequelize est un ORM Node.js basé sur des promesses pour Postgres, MySQL, MariaDB, SQLite et Microsoft SQL Server. | npm install --save sequelize |
3mb |
|
|
|
Modélisation d'objet MongoDB conçue pour fonctionner dans un environnement asynchrone. | npm i mongoose |
3mb |
|
|
|
Collection des composants React de Semantic-ui. | npm install semantic-ui-react semantic-ui-css |
5mb |
|
|
|
Transformez les images et les vidéos pour qu'elles se chargent plus rapidement sans dégradation visuelle, générez automatiquement des variantes d'images et de vidéos et offrez une expérience réactive de haute qualité pour augmenter les conversions. | npm i cloudinary |
500kb |
|
|
|
Passport est un middleware d'authentification pour Node.js. Extrêmement flexible et modulaire, Passport peut être inséré discrètement dans n'importe quelle application Web basée sur Express. | npm i passport |
70kb |
|
|
|
Nodemailer est un module pour les applications Node.js permettant d'envoyer des e-mails en toute simplicité. | npm i nodemailer |
500kb |
|
|
|
Un analyseur et un compilateur Markdown. | npm i marked |
420kb |
|
|
|
Node-sass est une bibliothèque qui fournit la liaison de Node.js à LibSass, la version du préprocesseur de feuille de style populaire Sass - ce dernier est utile si vous voulez utiliser sass dans React (par exemple). | npm i node-sass |
5mb |
|
|
|
Le générateur Yeoman vous guidera à travers les étapes nécessaires pour créer votre personnalisation ou votre extension en vous demandant les informations requises. | npm i -g yo generator-code. |
300kb |
|
|
|
Le gestionnaire d'extensions de code Visual Studio. | npm i -g vsce |
150kb |
|
|
|
Personnalisez votre site Web plus rapidement avec SASS-EO, un ensemble d'outils optimisé par SASS (Syntactically Awesome Style Sheets). | npm i @raja_rakoto/sass-eo --save-dev && npm i grunt grunt-contrib-sass grunt-contrib-watch grunt-shell load-grunt-tasks sassdoc -D |
4mb |
|
|
|
minificator vous permet de minifier rapidement vos fichiers (Images, HTML, CSS, Javascript). | npm i @raja_rakoto/minificator |
12kb |
|
|
|
A document head manager for React. | npm i react-helmet |
100kb |
|
|
|
Ce package permet d'utiliser media queries dans React | npm install react-responsive --save |
210kb |
|
|
|
Material Design for Bootstrap pour React | npm i mdb-react-ui-kit |
- |
|
|
|
Universally unique identifier generator | npm i uniqid |
120kb |
|
|
|
Un Hook de panier useCart() léger pour React, Next.js et Gatsby | npm i react-use-cart |
110kb |
|
|
|
Mutation d'une copie de données sans modifier la source d'origine | npm i immutability-helper --save |
30kb |
|
|
|
Framework CSS minimal pour le HTML sémantique, styles élégants pour tous les éléments HTML natifs sans .classes et mode sombre automatiquement activés. | npm i @picocss/pico |
3mb |
|
Links sources
Collection des liens dediE au developpement web qui peuvent vous être utiles ...
📌 API
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Découvrez et connectez-vous à des milliers d'API. |
|
📌 Animations
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Une bibliothèques d'animation - css les plus impressionnantes disponibles |
|
|
|
Just-add-water CSS animations |
|
|
|
Animations CSS à la demande |
|
|
|
Transitions et transformations CSS pour les débutants |
|
|
|
KUTE.js est un moteur d'animation (collection de component) JavaScript pour les navigateurs modernes. |
|
|
|
Plugin javascript vanille simple et léger pour créer des animations fluides et belles lorsque vous faites défiler |
|
|
|
Révélez l'animation CSS lorsque vous faites défiler une page |
|
|
|
Une bibliothèque de parallaxe javascript vanille ultra légère |
|
|
|
Le moyen le plus simple d'obtenir un effet de parallaxe avec javascript |
|
|
|
Un petit effet d'inclinaison de survol de parallaxe léger à 60+ fps de requestAnimationFrame pour jQuery. |
|
|
|
Belles vagues animées. |
|
|
|
Une bibliothèque légère pour créer des particules |
|
|
|
Arrière-plans de sites Web animés en quelques lignes de code. |
|
|
|
Une petite bibliothèque JS pour superposer des images en haut de la page actuelle |
|
|
|
Carousel gratuit, elegant et moderne sans jQuery. Disponible pour Vanilla JS et tous les frameworks modernes comme React, Vue, Angular etc... |
|
|
|
Splide est un slider/carrousel léger, flexible et accessible écrit en TypeScript. Pas de dépendances, pas d'erreurs Lighthouse. |
|
|
|
Carrousel entièrement réactif et ultra legere en jQuery |
|
|
|
Barba.js est une petite bibliothèque (7 Ko minifiée et compressée) et facile à utiliser qui vous aide à créer des transitions fluides entre les pages de votre site Web. Il permet à votre site Web de fonctionner comme un SPA (Single Page Application) et aide à réduire le délai entre vos pages, à minimiser les requêtes HTTP du navigateur et à améliorer l'expérience Web de votre utilisateur. |
|
|
|
Créez des animations dégradées fluides et interactives avec cette petite bibliothèque javascript. |
|
|
|
Vivus est une classe JavaScript légère (sans dépendances) qui vous permet d'animer des SVG, leur donnant l'apparence d'être dessinés. |
|
|
|
SVG personnalisable généré dynamiquement qui donne l'impression de taper et de supprimer du texte. |
|
|
|
Une bibliothèque d'animation de frappe (clavier) JavaScript.. |
|
|
|
Barres de progression réactives et fluides avec des chemins SVG animés. |
|
|
|
Un plugin modal minimaliste et facile à utiliser écrit en Vanilla JS. |
|
📌 Avatar
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Générez facilement des avatars pour vos projets avec Big Heads de Robert Broersma. |
|
|
|
Outil de génération Web d'avatars gratuits amusants et colorés par Fang-Pen Lin utilisant la bibliothèque de croquis de Pablo Stanley. |
|
|
|
Un générateur d'avatar ludique pour l'ère moderne. |
|
📌 Backgrounds
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Générer des arrière-plans dynamiques pour votre site web |
|
|
|
Un générateur d'ondes SVG gratuit pour créer des ondes SVG uniques pour la conception Web |
|
|
|
Editer une image sous forme de polygone en CSS |
|
|
|
Un générateur de couleur degredE elegant pour des arrière-plans |
|
|
|
Une collection de motifs d'arrière-plan SVG reproductibles |
|
📌 Blog
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Ceci n'a pas vraiment rien avoir avec le dev web mais pourrai vous servir, avec It's FOSS, vous apprendrez les dernières nouvelles du monde open source. Vous apprendrez également à utiliser efficacement Linux grâce à des didacticiels de premier ordre et à des experts ... |
|
|
|
Le meilleur site tech (fr) de l'univers visible et invisible. #logiciel #crypto #cybersécurité #linux #astuces ... |
|
📌 CSS Frameworks
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Bootstrap est une collection d'outils utiles à la création du design de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. |
|
|
|
Semantic est un cadre de composants d'interface utilisateur basé sur des principes utiles du langage naturel. |
|
|
|
Collection des composants react de semantic ui. |
|
|
|
Un framework CSS complètement personnalisable, basé sur le principe de classes utilitaires. |
|
|
|
Un framework front-end responsive moderne basé sur le Material Design. |
|
|
|
Un framework CSS moderne no JS |
|
📌 Chart
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Graphiques JavaScript simples mais flexibles pour les concepteurs et les développeurs |
|
|
|
Graphiques réactifs simples |
|
📌 Charte graphique (colors)
Échantillons de couleurs conformes à la norme Web moderne ...
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Une plate-forme opensource pour l'inspiration des chartes graphiques avec des milliers de palettes de couleurs tendance triées sur le volet |
|
|
|
Le générateur de palette de couleurs d'origine, prenant également en charge le daltonisme. Probablement la meilleure option scientifiquement |
|
|
|
Générateur de palette de couleurs qui utilise des courbes pour générer des palettes de couleurs |
|
|
|
Duo est une collection de combinaisons de couleurs que j'ai sélectionnées à partir de projets personnels ou que j'ai rencontrées sur le Web |
|
|
|
Générateur de couleurs dégradés d'interface utilisateur |
|
📌 Components & kits
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Cadre de composants React basé sur Material Design |
|
|
|
Toolkit open source pour la conception de matériaux de construction avec bootstrap (Angular, Vue, React) |
|
|
|
FAST est un ensemble de technologies basées sur des composants Web (Angular, Vue, React) et des normes Web modernes developpE par Microsoft, conçues pour vous aider à relever efficacement certains des défis les plus courants en matière de conception et de développement de sites Web et d'applications. |
|
|
|
Bibliothèque Open-source des components Tailwind CSS |
|
|
|
Tailwind CSS Components |
|
|
|
Simple Tailwind CSS Components |
|
|
|
Kits d'interface utilisateur, modèles et tableaux de bord construits sur Bootstrap, Vue.js, React, Angular, Node.js et Laravel. Rejoignez plus de 1 838 844 créatifs! |
|
|
|
Créez rapidement des applications et des sites Web React accessibles. |
|
|
|
Bootstrap reconstruit pour React. Inclure les composants Bootstrap directement dans votre projet React |
|
|
|
React Native UI (RNUI) est une bibliothèque d'outils et de composants d'interface utilisateur pour React Native de Wix |
|
|
|
Cadre de composants Vue basé sur Material Design |
|
|
|
Utiliser les composants Bootstrap avec Vue |
|
|
|
Cadre de composants Angular basé sur Material Design |
|
|
|
Utiliser les composants Bootstrap avec Angular |
|
📌 Convert & Compress & Resize
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Compression PNG et JPEG intelligente |
|
|
|
Plate-forme en ligne gratuite pour convertir des fichiers informatiques vers une variété de formats de fichiers. |
|
|
|
font generator |
|
|
|
Convertir un texte en police de signature |
|
|
|
Convert Images to Ascii Art |
|
|
|
Convertissez votre code source en belles images pour vos articles, tweets, messages, posts... |
|
|
|
Redimensionnez JPG, PNG, SVG ou GIF en définissant de nouveaux pixels de hauteur et de largeur. Modifiez les dimensions de l'image en masse. |
|
📌 Editor
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Un éditeur Photoshop en ligne |
|
|
|
Logiciel de graphisme vectoriel gratuit |
|
|
|
Huit valeurs spécifiant border-radius en CSS ( border-radius generator ) |
|
|
|
Supprimer rapidement les arrière-plans des images |
|
|
|
Blobmaker est un outil de conception générative gratuit qui vous aide à créer rapidement des formes SVG aléatoires, uniques et d'apparence organique. |
|
|
|
Un moyen simple de visualiser vos données avec une carte. |
|
|
|
CodePen est un environnement de développement social pour les concepteurs et développeurs frontaux. Créez et déployez un site Web, montrez votre travail, créez des scénarios de test pour apprendre et déboguer, et trouvez l'inspiration. |
|
|
|
Editeur de code Javascript en ligne |
|
|
|
Le moyen le plus simple de créer un fichier README en markdown. |
|
|
|
Redimensionnez plusieurs images à la fois ! |
|
|
|
Collage photo |
|
|
|
Cartoon yourself |
|
📌 Effects
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Faire une ombre douce |
|
📌 Extension (chrome)
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Wappalyzer est un profileur technologique qui vous montre avec quoi les sites Web sont construits. |
|
|
|
Découvrez ce qui gère un site Web. Frameworks, outils d'analyse, plugins Wordpress, polices - vous l'appelez. |
|
|
|
Réagissez les outils de débogage aux outils de développement Chrome. Il vous permet d'inspecter les hiérarchies des composants React dans les outils de développement Chrome. |
|
|
|
Angular DevTools vous permet de comprendre la structure de votre application et de prévisualiser l'état de la directive et des instances de composants. |
|
|
|
Comprendre la structure de votre application et de prévisualiser l'état de la directive et des instances de composants Vue. |
|
|
|
Ajoute un bouton de barre d'outils avec divers outils de développement Web. |
|
|
|
Capture d'écran pleine page et enregistreur d'écran - 2 en 1. Partagez instantanément la vidéo screencast. |
|
|
|
Capturez une capture d'écran de votre page actuelle dans son intégralité et de manière fiable, sans demander d'autorisations supplémentaires !. |
|
|
|
Afficher plusieurs écrans une fois, testeur de conception réactive. |
|
|
|
Insère le CSS Pesticide dans la page actuelle, décrivant chaque élément HTML pour mieux voir le placement sur la page, utile pour créer des mises en page. |
|
|
|
Un outil indispensable pour les concepteurs et les développeurs frontend pour saisir les couleurs de n'importe quel site Web. |
|
|
|
Rechercher et télécharger toutes les images d'une page Web. Avec Imageye, vous pouvez trouver, parcourir et télécharger toutes les images présentes dans une page Web. |
|
|
|
Fake Filler un remplisseur de formulaire qui remplit toutes les entrées d'une page avec des données fausses/factices. |
|
|
|
Une simple visionneuse de propriétés CSS. |
|
|
|
Un outil open source et automatisé pour améliorer les performances, la qualité et l'exactitude de vos applications Web. |
|
📌 Fonts
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Font Awesome est une police d'écriture et un outil d'icônes qui se base sur CSS, LESS et SASS |
|
|
|
Bibliothèque d'environ 1000 familles de polices sous licence gratuite |
|
|
|
Archive des polices téléchargeables gratuitement |
|
|
|
Generateur de font sympa ! |
|
📌 Icons
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Font Awesome est une police d'écriture et un outil d'icônes qui se base sur CSS, LESS et SASS |
|
|
|
Composants ultra complet SVG Vue/React intégrés à partir de fluentui-system-icons, ionicons, etc ... |
|
|
|
Collection d'icone vectorielle bien optimisé |
|
📌 Illustrations & Patterns
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Collection d'images vectorielles |
|
|
|
Une collection gratuite de ressources graphiques SVG isométriques |
|
|
|
Des illustrations de personnage open source pour toutes les idées que vous pouvez imaginer et créer (couleur personnalisable) |
|
|
|
De superbes illustrations de personnes capables de se mélanger et de s'assortir |
|
|
|
Collection d'illustration sur les erreurs 404 d'une page web |
|
📌 Layout
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Milligrid est un system de grille CSS flexbox configurable et facile a apprendre basée sur Milligram |
|
|
|
Un projet open source permettant aux utilisateurs de créer rapidement une mise en page dynamique basée sur la grille CSS. |
|
|
|
Une collection de mises en page et de modèles de Web populaires en Pure CSS |
|
|
|
Ce générateur vous permet de positionner facilement des éléments au-dessus d'un autre élément. Cet outil est idéal pour des choses comme le positionnement d'un logo sur un en-tête dans la mise en page d'un site Web ou la création d'une bannière qui se chevauche avec des textes au lieu d'une image. |
|
|
|
Un generateur de flexbox rapide et facile |
|
|
|
Une cheatsheet de grille CSS à référencer lors de la création d'une grille CSS |
|
|
|
Une cheatsheet de grille flexbox à référencer lorsque vous travaillez avec flexbox |
|
|
|
un jeu où vous aidez Froggy la grenouille et ses amis en écrivant du code flexbox CSS! |
|
📌 Loaders & spinners
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Il s'agit d'une bibliothèque ayant une collection de différents types de chargeurs CSS, spinners. |
|
|
|
Simple CSS Spinners. |
|
📌 Logos
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Application web de creation d'un logo |
|
|
|
Plus de 1000 logos SVG de haute qualité |
|
|
|
Moteur de recherche avec plus de 200 000 logos SVG indexés |
|
|
|
Idee de creation d'un logo |
|
|
|
Generateur de logo du site wix |
|
📌 Music & Sound effects
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Musique & effet sonore gratuite pour vos projets |
|
|
|
Plus de 1,7 million d'images et de vidéos de haute qualité |
|
📌 Navigation
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Hamburgers est une collection de savoureuses icônes de hamburger animées par CSS. La source est également incluse en tant que bibliothèque Sass. Il est modulable et personnalisable, alors préparez votre propre hamburger. |
|
📌 Notifications
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Sweetalert2 fabrique des messages popup plus facilement et jolis. |
|
|
|
Bibliothèque JS pour les notifications non bloquantes côté client, les boîtes contextuelles (alert), les indicateurs de chargement (loader), et plus, rend vos projets Web beaucoup mieux |
|
📌 Others
| Liens | Descriptions | Notes |
|---|---|---|
|
|
jsDelivr est un moteur de recherche puissant pour developpeur, ce dernier offre des liens qui permet d'acceder rapidement au site officiel, documentation, github ou meme telecharger directement un package |
|
|
|
Une liste interactive des classes, variables et mixins Bootstrap 5. Le seul CheatSheet Bootstrap 5 dont vous aurez besoin. |
|
|
|
Une collection de cheatsheets. |
|
|
|
DevDocs combine plusieurs documentations d'API dans une interface rapide, organisée et consultable. |
|
|
|
DevDocs combine plusieurs documentations d'API dans une interface rapide, organisée et consultable. |
|
|
|
Un site qui permet de telecharger directement des apk dans playstore |
|
📌 PDF
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Divers outils pour vos fichiers PDF |
|
|
|
convertir une page web en PDF |
|
📌 Photos & videos
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Plus de 1,7 million d'images et de vidéos de haute qualité |
|
|
|
La plus grande bibliothèque de vidéos gratuites, offerte par la communauté |
|
|
|
Galerie et photo haute résolution gratuite tous les jours |
|
|
|
Collection d'image GIF |
|
|
|
Convertisser un texte en image GIF |
|
|
|
Convertisser une image en texte |
|
📌 Project
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Résolvez des défis HTML, CSS et JavaScript du monde réel tout en travaillant sur des conceptions professionnelles. Rejoignez 330227 développeurs qui construisent des projets, révisent du code et s'entraident pour s'améliorer. |
|
|
|
30 jours Vanilla JS Coding Challenge, Construisez 30 choses en 30 jours avec 30 tutoriels, Pas de frameworks, Pas de compilateurs, Pas de bibliothèques ! |
|
|
|
Parcourez 1107 extraits de snippets code pour tous vos besoins de développement sur 30 secondes de code ! |
|
📌 Stat
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Statistique CSS et ses technologies. |
|
|
|
Statistique Javascript et ses technologies. |
|
📌 Table
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Grid.js est un plugin de tableau HTML gratuit et open-source écrit en TypeScript. Il fonctionne avec la plupart des frameworks JavaScript, y compris React, Angular, Vue et VanillaJs. |
|
|
|
DataTables est un plug-in jQuery open-source permettant de dynamiser un tableau HTML. Créée par Allan Jardine sous la licence MIT |
|
📌 Task runner
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Grunt est un outil pour la création de tâches automatisées avec le langage JavaScript (orientE fichier) |
|
|
|
Tirez parti du gulp et de la flexibilité de JavaScript pour automatiser les workflows lents et répétitifs et les composer dans des pipelines de build efficaces. |
|
📌 Generator & Template & ideas (html + css + js)
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Wix est une plateforme en ligne de type SaaS qui permet de créer des sites web en HTML5 et leur version mobile. |
|
|
|
Thèmes HTML5/CSS3 réactifs très modernes et uniques |
|
|
|
Collection des thèmes Bootstrap gratuit |
|
|
|
Composants d'interface utilisateur impressionnants de tous types |
|
|
|
Inspiration quotidienne collectée à partir des archives quotidiennes de l'interface utilisateur et au-delà. Triés sur le volet et mis à jour quotidiennement. |
|
|
|
Un site Web qui évalue et collecte les meilleurs sites Web du monde en matière d'interface utilisateur |
|
|
|
Meilleure inspiration de page de destination |
|
|
|
84 beaux exemples de boutons CSS. |
|
|
|
91 Beaux exemples de boîte-ombre CSS. |
|
📌 Tools
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Optimisation de la vitesse et des performances du site Web |
|
|
|
Outil gratuit pour les développeurs web pour aider avec Beautify & Minify HTML/CSS/Javascript, et de nombreux autres outils pratiques. Avec une interface délicieuse. |
|
|
|
Rendez votre site Web plus petit et plus rapide à charger en minimisant le code JS et CSS. |
|
|
|
Un generateur de snippet pour VScode, sublimetext et atom. |
|
|
|
Créez des badges avec votre propre personnalisation. |
|
📌 Skills & Tuto & Certification & Roadmap
| Liens | Descriptions | Notes |
|---|---|---|
|
|
CodinGame est un site consacré à la programmation informatique ludique, proposant d’un côté des casse-têtes de difficulté croissante à résoudre dans l’un des vingt-cinq langages de programmation ! |
|
|
|
HackerRank est la solution d'évaluation technique et d'entretien à distance leader sur le marché pour le recrutement de développeurs. Apprenez à embaucher des talents techniques de n'importe où ! ! |
|
|
|
Mettez-vous au défi avec des quiz techniques, choisissez parmi +1000 tests techniques et faites-vous remarquer. Valorisez vos compétences dès maintenant et obtenez un certificat ! |
|
|
|
Coding Artist se consacre à vous fournir des didacticiels de codage rapides et simples mais efficaces. Nous fournissons les meilleurs tutoriels sur HTML, CSS et Javascript. |
|
|
|
Toutes vos ressources sur le développement web, apprenez à coder en HTML, CSS, JavaScript, Python, PHP. |
|
|
|
Découvrez une technologie spécifique à travers une série de vidéo qui vous guidera dans votre apprentissage |
|
|
|
OpenClassrooms est un site web de formation en ligne, créé en 1999 sous le nom de Site du Zéro. Il propose à ses membres des cours certifiants et des parcours débouchant sur des métiers en croissance (ideale pour un debutant) |
|
|
|
DevDocs combine plusieurs documentations d'API dans une interface rapide, organisée et consultable. |
|
|
|
W3Schools est un site web destiné à l'apprentissage en ligne des technologies web. Son contenu inclut des didacticiels et des références relatives à HTML, CSS, JavaScript, JSON, PHP, AngularJS, SQL, Bootstrap, Node.js, jQuery, XQuery, AJAX et XML. Il reçoit plus de 10 millions de visiteurs uniques chaque mois. |
|
|
|
roadmap.sh est un effort communautaire pour créer des feuilles de route, des guides et d'autres contenus éducatifs pour aider les développeurs à choisir le chemin et guider leurs apprentissages. |
|
📌 Youtube
| Liens | Descriptions | Notes |
|---|---|---|
|
|
all in one |
|
|
|
Chaine de vulgarisation informatique illustrE par des dessins |
|
|
|
tuto devops complet |
|
|
|
Chaine tuto pentest & capture the flag |
|
|
|
Chaine tuto pentest & capture the flag |
|
|
|
Un jeune passionE de la programmation qui partage ses connaissance dans le domaine ... |
|
|
|
Cours complets et gratuits HTML, CSS, JavaScript, PHP, MySQL, Python, Bootstrap, etc ... |
|
|
|
Un specialiste en developpement web ... |
|
|
|
Un specialiste en developpement web et devops ... |
|
|
|
Un specialiste dans l'eco systeme Javascript (angular - react) ... |
|
📌 Discord server
| Liens | Descriptions | Notes |
|---|---|---|
|
|
Discord Me est une plate-forme qui connecte les gens avec des serveurs et des bots publics. Nous sommes là pour vous aider à trouver le serveur parfait ! |
|
|
|
La communautE discord de Grafikart est l'un des serveurs fr le plus actif |
|
|
|
Une communauté de plus de 16 000 développeurs JavaScript. |
|
|
|
Une communauté amicale de développeurs actifs et en herbe. Il s'agit d'un environnement professionnel pour apprendre, partager des connaissances et grandir personnellement et professionnellement. |
|
|
|
Une communauté dedié pour les developpeur ReactJS. |
|
BOOKMARKS 4web
Vous pouvez telecharger le bookmarks de 4web, il vous suffit de copier le code HTML dans le lien ci-dessous dans un fichier HTML puis effectuer l'importation dans votre navigateur preferE ...
| Get 4web bookmarks |
|---|
NOTE: Ces bookmarks (sur le demo) ne sont peut-être plus à jour, merci de me contacter sur mon adresse mail pour avoir le fichier à jour, c'est juste pour vous montrer comment l'integrer dans votre navigateur
🅴🅽🅹🅾🆈
3 Jul 31, 2022
22 Dec 15, 2022
37 Dec 24, 2022
29.6k Dec 29, 2022
43 Dec 29, 2022
14.1k Jan 4, 2023
16 Mar 11, 2022
24 Nov 3, 2022
8 Nov 25, 2022
91 Dec 27, 2022