Recherchez votre prochain outil…

Outil de lecture de PSD ou de Sketch sur windows, mac & linux à destination des développeurs

• #photoshop
• #sketch

Connaitre la compatibilité des propriété css utilisables à travers les naviguateurs web et les problèmes connus

• #css
• #informations

Utiliser un git en ligne son code, payant pour avoir une partie privée

• #git
• #service
• #versionning
• #branch

Utiliser un git en ligne pour travailler à plusieurs, jusqu'à 5 personnes.

• #git
• #service
• #versionning
• #branch

Utiliser un git en ligne pour travailler en équipe.

• #git
• #service
• #versionning
• #branch

Des articles et billets de blog sur la programmation web

• #cours
• #tuto

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

• #cours
• #tuto
• #support video

Tuto Symfony 3

• #symfony
• #developpement
• #cours
• #tuto

Plugin permettant d'ajouter des champs personnalisés dans WP et de récupérer le contenu côté front.

• #wordpress
• #field
• #custom

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

Un compileur de préprocesseurs css comme SASS ou LESS

• #windows
• #linux
• #mac
• #preprocesseur

Un compileur de préprocesseurs css comme SASS ou LESS, mais que pour MAC!

• #mac
• #preprocesseur

Un petit jeu d'apprentissage des sélecteurs CSS, des plus faciles au plus avancés. Accrochez-vous il y en a des puissants !

• #css
• #apprentissage
• #jeux
• #selecteurs

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

à‰norme référence d'apprentissage de plusieurs métiers avec des parcours payants et diplômants.

• #html
• #css
• #javascript
• #php
• #webdesign

Plateforme de cours en ligne

• #html
• #css
• #javascript
• #php
• #webdesign

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

Comment se souvenir des noms de toutes les couleurs normalisées en CSS/HTML ? en créent un registre digne de ce nom :) ENJOY !

• #html
• #css
• #colors
• #name

Une liste des trucs cool pour démarrer ou travailler avec Vue.js ! Woup Woup

• #vue
• #javascript
• #framework
• #helpers

Framework spécialement pensé pour Vue afin de démarrer et mettre en place de sprojets web plus "simplement" ! embarque une configuration Webpack et babel, et un watcher de modifications du code pour synchroniser vos browsers. Bref à bien garder sous l

• #framework
• #vue
• #babel
• #webpack
• #syncbrowser
• #front-end

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

Caisse à outils pour développer des PWA capables d'être offline grâce notamment à des services workers.

• #pwa
• #offline
• #google
• #app

Bonnes pratiques d'utilisation de JS, pour une meilleur lisibilité, pair-programming, meilleur maintenabilité. Codez toujours pour les autres, pas pour vous !

• #js

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

Cours et formation sur les langages du web.

• #js
• #node
• #react
• #vue
• #angular
• #css
• #d3
• #webpack

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

Pour créer, modifier et exporter en .mo des fichiers de traduction .po.

• #i18n
• #traduction
• #normes

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

• #css
• #guidelines

Liste d'outils afin de dessiner des diagrammes dans vos fichiers markdown.

• #markdown
• #diagram
• #documentation

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

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

Cours de JS

• #js

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

Pour informer vos utilisateurs que leur navigateur est obsolète. Ce projet est d'utilité publique.

• #browser
• #html
• #css
• #javascript

Apprentissage du code en jouant. Plusieurs mini-jeux très ciblés pour se concentrer sur des techniques précises. Certains sont gratuits, comme flexbox froggy ou gridgarden.

• #css
• #js
• #html

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

Pour animer des apparitions d'éléments au scroll. Voir aussi IntersectionObserver API.

• #js
• #css
• #html
• #intersectionobserver

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