Je vous présente ici mes outils digitaux préférés ! Ce sont des outils que j’utilise au quotidien (ou presque) dans le cadre de mes activités professionnelles en Marketing Digital notamment. Certains sont gratuits, c’est l’un des gros avantages du web qui recèle d’outils géniaux et pratiques. Certains sont bien entendu payants, puisque tout à une limite et que lorsque l’on veut profiter d’un outil de qualité, cela se paye. J’essaye via le mon blog de présenter certains outils en détail. Je mets à jour cette liste à chaque découverte et test.
Visual Studio Code est un éditeur de code source léger mais puissant qui s'exécute sur votre bureau et est disponible pour Windows, macOS et Linux. Il est livré avec un support intégré pour JavaScript, TypeScript et Node.js et dispose d'un riche écosystème d'extensions pour d'autres langages (tels que C ++, C #, Java, Python, PHP, Go) et des environnements d'exécution (tels que .NET et Unity) . Commencez votre voyage avec VS Code avec ces vidéos d'introduction
Html5Up est un site proposant des template HTML et CSS.
100% responsives, avec des propositions de thèmes entierement customizable et gratuits dont on peur se servie comme base de départ pour différent projet.
Bootstrap 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.Concevez et personnalisez rapidement des sites mobiles réactifs avec Bootstrap, la boîte à outils open source frontale la plus populaire au monde, avec des variables et des mixins Sass, un système de grille réactif, de nombreux composants prédéfinis et de puissants plugins JavaScript.
Hugo est l'un des générateurs de sites statiques open source les plus populaires. Avec sa vitesse et sa flexibilité incroyables, Hugo rend à nouveau la création de sites Web amusante.
Materialize Css est un Framwork créé et conçu par Google, permettant de reproduire en un rien de temps des pages web dans le style du Material Design en réutilisant des modèles prêts à l'emploi et combine les principes classiques d'un design réussi ainsi que l'innovation et la technologie. Le but de Google et de développer une technique de conception pour une expérience utilisateur unifiée au travers de leurs produits sur n'importe quelle plateforme.
Gatsby est un framework gratuit et open source basé sur React qui aide les développeurs à créer des sites Web et des applications extrêmement rapides.
Créer un prototype de site web est l’étape la plus importante de tout projet digital. C’est le modèle qu’utilisera le développer pour coder le site web. Invision permet de transformer vos dessins en prototypes interactifs. Il donne aussi la possibilité de partager un projet avec d’autres personnes. Parfait pour travailler en équipe ou présenter le design au client.
Nous avons déjà présenté un outil de prototypage, mais Proto.io mérite également sa place sur cette liste. Cet outil est tout particulièrement adapté à la création d’applications mobiles, y compris les applications web. Tout comme MockFlow, il contient des éléments prédéfinis, tels que les boutons, les formulaires, les textes et les menus. Il offre également un éditeur de HTML pour ceux qui voudraient apporter quelques modifications.
Squarespace Logo est un outil qui vous permet de créer un logo sans faire appel aux services d’un graphiste. Vous pouvez utiliser Squarespace Logo pour créer le logo de votre site ou de votre entreprise, même si vous n’avez pas encore de compte Squarespace. Si vous possédez un compte Squarespace, vous pouvez télécharger gratuitement des logos en haute résolution.
Vous sentez-vous découragé par les sept premières étapes de la création de site internet ? Templated aura de quoi vous plaire. Il s’agit d’une bibliothèque de templates en HTML et CSS3 prêts à l’utilisation. Le téléchargement est illimité, et vous pouvez même en faire l’usage commercial. Allez y jeter un coup d’œil – les modèles ont une allure professionnelle, et ils sont tous mobile friendly.
ImageOptim est rapide, simple et ergonomique et si ce ne sont pas des mots que vous recherchez dans l’avis d’un nouvel outil, je ne sais plus quoi faire pour vous. C’est un excellent outil de compression d’images vous permettant d’économiser de l’espace de stockage sur votre ordinateur.
Github permet de suivre les modifications et organiser votre projet. C’est un outil essentiel, que vous travailliez seul, en équipe, ou même sur un projet en open source ! .
Un outil simple et efficace pour ne rien oublier et limiter ces allers-retours qui retardent la finalisation de votre projet : la checklist ! Je ne vais pas m'étendre sur le concept de checklist, je pense que vous saissisez l'idée :)
Taper vite sur son clavier c'est bien, taper très vite c'est encore mieux. Pas besoin d'un long discours pour mettre en avant le fait que la vitesse à laquelle vous tapez sur votre clavier influe directement sur votre productivité. J'en parle tout de même car il existe un certains nombre d'outils permettant de s'entraîner à taper plus vite. Utiliser ce genre d'outil d'entraînement est un investissement sur le long terme et nécessite tout de même de la pratique.
Foundation est une famille de frameworks frontaux réactifs qui facilitent la conception de beaux sites Web, applications et e-mails réactifs qui semblent incroyables sur n'importe quel appareil. Foundation est sémantique, lisible, flexible et entièrement personnalisable. Nous ajoutons constamment de nouvelles ressources et extraits de code, y compris ces modèles HTML pratiques pour vous aider à démarrer!
Créé par Google en 2009, AngularJS est un framework JavaScript open-source qui prend en charge l’animation, la manipulation du DOM, le routage, l’injection de dépendance ou encore le data binding. AngularJS est très populaire et dispose donc d’une communauté active auprès de laquelle vous pourrez facilement trouver de l’aide.
ReactJS est un framework développé par Facebook en 2013 et qui est aujourd’hui utilisé par Instagram, Netflix ou encore Yahoo. Sa spécialité ? Le développement front-end, c’est-à-dire la création d’interfaces utilisateurs. ReactJS utilise le langage JSX et intègre la notion de composants faciles à réutiliser entre différents projets.
VueJS est un autre framework JavaScript basé sur l’utilisation de composants. Si son utilisation est très proche de ReactJS, sa courbe d’apprentissage est toutefois jugée plus simple. Une autre différence est également à noter dans le langage utilisé puisqu’ici il s’agit du JavaScript et non du JSX. Enfin, VueJS intègre le HTML, le CSS et le JS dans un seul et même fichier.
Le framework Ruby on Rails est ce qu’on appelle un Model View Controller (MVC) et est idéal si vous débutez dans le développement web. En effet, il est facile à comprendre et à utiliser du fait de sa simplicité syntaxique. L’une des plus grandes forces de ce framework est sa souplesse : vous pouvez facilement ajouter des fonctionnalités pour faire évoluer votre projet. À noter également que le développement est rapide. Les fichiers JavaScript et CSS sont quant à eux minifiés, permettant à votre site de se charger plus rapidement.
Symfony est un framework MVC open-source, écrit en PHP et 100% français. Destiné aux projets plus complexes, voire haut de gamme, il permet de faciliter le développement et offre une bonne flexibilité. Vous pouvez en effet le configurer comme vous le souhaitez et vous pouvez bénéficier de l’aide d’une grande communauté. Le framework Symfony dispose d’une barre d’outils de débogage complète et facilite les tests : vous n’avez pas besoin d’écrire de script.
Connaissez-vous Django ? Ce framework en langage Python – et donc côté serveur – a été créé par des développeurs expérimentés. Vous pouvez créer toute sorte de sites web, que ce soit des sites d’actualités, des systèmes de gestion de contenu ou encore des réseaux sociaux. Ce framework protège automatiquement votre site grâce à un moyen sécurisé de gérer les comptes utilisateurs et les mots de passe.
Laravel est un framework PHP composé de plusieurs bibliothèques issues d’autres frameworks. Vous pouvez gérer les systèmes de cache, les envois d’emails, les sessions utilisateurs, la pagination de votre site ou encore créer des requêtes SQL. Concernant la documentation, celle-ci est très complète et de qualité, ce qui est idéal si vous êtes débutant.
Développé par Microsoft et supporté par Windows, ASP.NET est lié au framework .NET. Avec ASP.NET vous pouvez développer des sites web complexes et dynamiques, notamment grâce au Model View Controller. À ce propos, il faut noter qu’il existe ASP.NET WebForms et ASP.NET MVC. Ce dernier est à préconiser car il vous donne un meilleur contrôle sur le HTML ce qui n’est pas négligeable lorsqu’on sait que les sites doivent être responsives.
Meteor est un framework hautement évolutif basé sur le JavaScript et qui intègre NodeJS et MongoDB. Rapide à utiliser, vous pouvez gérer à la fois le front-end et le back-end de votre site. Meteor est idéal pour créer des sites web collaboratifs ou encore des messageries où il est nécessaire d’afficher des données en temps réel.
Spring est l’un des plus anciens frameworks Java mais certainement l’un des meilleurs. Il offre de nombreux outils pour développer, configurer et sécuriser des sites web. Malgré sa complexité, la documentation est très fournie et la communauté très active.
Minify est un outil en ligne qui permet au développeur de réduire la taille totale du code de son application avant de l’envoyer à la production. Avec Minify, vous pourrez supprimer les espaces blancs, le code mort, etc. La taille du code de l’application ainsi réduite, vous pourrez bénéficier d’un temps de chargement plus rapides sur les navigateurs.
VuePress est composé de deux parties: un générateur de site statique minimaliste avec un système de thématisation alimenté par Vue et un thème par défaut optimisé pour la rédaction de documentation technique.
