Recherchez votre prochain outil…

Pour faire valider vos pages en html. C'est l'outil officiel pour cela, approuvé par le W3C

• #html
• #validation
• #w3c

Vous permet de démarrer rapidement un nouveau projet.

Aide à l'écriture de regex

• #regex

Une aide pour l'utilisation des tableaux en Javascript

• #javascript
• #array

Guide traduit de l'anglais pour les débutant en NODE.js

• #node
• #javascript

Cours complets et en vidéo sur différents languages de programmation et/ou astuces de dev avec Jonathan

• #cours
• #tuto
• #support video

Un thème WP pour les développeurs qui pose des bases vides afin de développer plus rapidement son thème sur mesure

• #wordpress
• #theme
• #vierge

Un thème officiel WP pour les développeurs qui pose des bases vides afin de développer plus rapidement son thème sur mesure

• #wordpress
• #officiel
• #theme
• #vierge

Editeur de texte rapide et modulaire

• #editeur
• #texte
• #html
• #css
• #js
• #php

JS Fiddel est un sandbox, c'est à dire qu'il permet de très rapidement tester du code HTML/CSS/JS et de voir le résultat. Une petite idée en tête, envie de faire un test dans un environnement neutre avant de l'utiliser en production, c'est l'idéal !

• #html
• #css
• #javascript
• #test
• #sandbox
• #code

Prettier est un outil de formatage de vos languages de développement préfères. Il support pas mal d'IDE et d'éditeurs de textes, comme Atom, Sublime Text, Visual Code etc...

• #html
• #css
• #javascript
• #code
• #formatage

Une ribambelle de petites lib JS assez cool pour maîtriser rapidement et facilement vos AppWeb à tester

• #javascript
• #librairie
• #keyboard
• #infinite scroll
• #photo 360
• #viewport
• #carousel
• #persistance

Css Matic est une boite à outil pour développeur front-end, il permet notamment de rapidement trouver des valeurs pour votre code.

• #css
• #shadow
• #tools

Un aide mémoire pour la propriété CSS grid ! Immanquable

• #css
• #grid layout

Aide mémoire pour la technologie flexbox CSS.

• #css
• #flexbox

"Empaqueteur d'application web ultra-rapide, sans configuration" - Parcel voir => https://www.youtube.com/watch?v=YN9NwWR5ExE

• #html
• #css
• #javascript
• #projet
• #bundler

API moteur de réponse puissant, avec des plans gratuits pour les side-project et les petites structures.

• #searching
• #api

Un IDE basé sur Viscose en ligne.

• #ide
• #code editor
• #visual studio code

Une bien belle documentation en français pour utiliser GIT comme un héro ! Parce que GIT c'est bien, mais que GIT c'est pas "simple, simple", il est important d'avoir des aides-mémoires à portée de main.

• #git
• #versionning
• #php
• #js
• #html
• #css

Un superbe aide-mémoire pour Gitter toute la nuit comme un fou, ou de manière plus sobre aussi !

• #git
• #development
• #cheatsheet
• #helpers

Un boite à outils pour monter des sites vitrines basé sur vue et graphQL. Compatible avec WordPress. Un outil pas encore mature pour des projets réel, mais à tester en side project et à surveiller.

• #framework
• #website
• #front
• #graphql
• #vue
• #templating

Un petit Sandbox très simple pour tester rapidement le comportement simple de Flexbox, pour les deux du fond qui ont toujours pas compris ! HEIN !

• #css
• #flexbox
• #sandbox

Sizzy est un navigateur pour les développeurs. Il permet de voir en simultané plusieurs résolutions différentes et ainsi vous aider à gagner du temps pendant vos dev. Il est compatible avec le hot reload. Mais attention à bien tester avec chaques mo

• #css
• #responsive
• #rwd
• #browser

Des bonnes pratiques CSS pour travailler à plusieurs, ou simplement être plus cohérent entre tous ses projets.

• #css
• #guidelines

Un recueille en français de guidelines pour les projets WEB. On y trouve du HTML, du CSS, du JS etc ... c'est open-source, donc vous pouvez participer sur Github.

• #html
• #css
• #js
• #guidelines
• #web

Générer rapidement et facilement des shapes SVG en vagues, anguleuses ou en b-spline.

• #svg
• #shapes
• #waves

Extension pour éditeurs de code, afin de prototyper rapidement des développements JavaScript. Allez voir leur vidéo explicative et vous allez comprendre !

• #js
• #prototype
• #développement

P5 js est une librairire de manipulation de l'API Canvas. Elle permet d'écrire plus rapidement et plus simplement afin d'utiliser Canvas.

• #html
• #js
• #canvas
• #creative coding
• #animations
• #desing

Un petit frère pour Laravel ? C'est en tout cas ce que promet Lumen, qui s'appuie sur Laravel et permet ainsi de migrer en cas de besoin sur Laravel. Lumen se veut léger et rapide, parfait pour de petits projets.

• #php

Comparer rapidement deux technologies c'est souvent primordial pour faire un choix en début de projet ou pour sa culture tech.

• #html
• #css
• #javascript
• #frameworks

The #1 local WordPress development tool. Outil de développement et de déploiement rapide de wordpress multiples.

• #wordpress
• #php
• #mysql

Un système universel de couche UX/UI intéressant. à tester pour voir l'impact en ressources, l'usage et la fiabilité. Il serait également intéressant de voir la possibilité d'intégration dans un projet existant.

• #js
• #ui
• #carousel
• #slide

Les jeux développés par Toxicode vous aide à comprendre ou améliorer votre connaissance de la programmation en s'amusant.

• #js
• #apprentissage
• #code

Testez et développez vos API avec cet outil spécialement dédié à ce besoin. Léger, agréable à utiliser, Insomnia vous aidera à développer des API robustes.

• #api
• #restapi
• #graphql
• #soap
• #grpc

Besoin d'un package JS pour votre projet en cours ? Open Base peut vous aider à prendre la décision la plus importante, "quel package utiliser pour votre projet ?" Des statistiques, des classements par popularité etc.

• #js
• #node
• #vue
• #react
• #npm

DrawSQL permet de dessiner rapidement, avec fluidité et facilité des diagrammes SQL ou des schémas de bases de données.

• #sql
• #draw
• #diagram
• #schema
• #base
• #bdd
• #modélisation

Pour avoir des petites astuces rapides en CSS et des extraits de code ou snippets en anglais pour avancer.

• #snippets
• #code
• #css

Le storytelling est une part importante du marketing et de la communication pour faire vendre, Apple l'a bien compris et met en place de superbes pages web pour présenter ses produits. La technique du "scrollytelling" (storytelling au scroll du visiteur) fait son petit bonhomme de chemin. Scrollama est une librairie JavaScript pour vous aider à monter de superbes effets de storytelling au scroll du visiteur.

• #storytelling
• #scroll
• #animation
• #scrollytelling
• #javascript
• #librairie

Tailwind CSS est un framework CSS (Cascading Style Sheets) qui facilite la création de designs d'interface utilisateur (UI) pour les sites web en utilisant des classes pré-construites. Le framework comprend des styles prêts à l'emploi pour la mise en page, la typographie, les couleurs, les arrière-plans, les bordures, les espacements, les effets de survol et bien plus encore. Il permet aux développeurs web de créer des designs de manière efficace et rapide en utilisant des classes simples et réutilisables, sans avoir besoin d'écrire du CSS personnalisé à partir de zéro.

• #bootstrap
• #css
• #html
• #composants
• #components