Plugin jQuery. Php. Emailing. Agile Css3 Engine. Apigen - API documentation generator. Augmentez les performances de vos pages avec Perfmap. De nombreux outils existent pour tester la vitesse de chargement de nos pages web et trouver les points bloquants, mais la plupart sont assez lourds à mettre en action. L'outil que je vais vous présenter aujourd'hui démarre d'un simple clic sur un signet : découvrez Perfmap.
Testez vos pages sans efforts avec Perfmap Perfmap est un outil très simple : appelez le et il viendra colorer chaque image de votre page en fonction de son temps de chargement. À vous ensuite de voir les points bloquants (rouge) de votre page, et d'optimiser le chargement pour que votre contenu prioritaire soit chargé le plus vite possible. Comme vous pouvez le voir, nous sommes ici loin de la puissance d'un GTMetrix, mais la lourdeur d'utilisation n'est pas non plus la même : pas besoin d'ouvrir une nouvelle fenêtre, pas de temps d'attente, pas besoin de décrypter la page de résultat. Tout est rapide, directement visible et compréhensible. Installation Mon avis. Babel · The compiler for writing next generation JavaScript.
Character-Code.com le tableau périodique des intégrateurs. Aujourd'hui, nous vous proposons une petite découverte qui intéressera surement les intégrateurs et toutes les personnes qui ont l'habitude d'utiliser du HTML avec le site Character-Code.com. La table ASCII Durant mes projets d'intégration, il m'arrive d'avoir besoin de code en ASCII pour afficher différents symboles ou caractères spéciaux, comme par exemple une flèche pour éviter de créer un pictogramme avec une image. Vous êtes surement déjà tombé sur ce genre de code : & - » - © - ™ ils permettent d'afficher ce genre de symboles & - » - © - ™ Habituellement je faisais une recherche sur Google en tapant "caractères HTML" afin de tomber sur un site regroupant la liste des différents codes me permettant ainsi de récupérer le symbole que je souhaitais avoir.
Le site Character-Code.com Mais dernièrement je suis tombé sur Character-Code.com qui regroupe l'ensemble des codes de façon claire et ergonomique ! Choisir les bons hashtags pour augmenter sa visibilité sur Twitter. L’arrivée récente des hashtags sur Facebook m’a poussé à étudier d’un peu plus près ces derniers et les techniques marketing qui leur sont liées. L’idée étant de répondre à la question suivante : comment choisir les bons hashtags pour maximiser l’exposition de nos messages? Je vous propose de découvrir deux outils qui vous aideront à améliorer votre visibilité sur Twitter grâce aux hashtags… Mise à jour 2015 : Vidéo Lancer une campagne publicitaire sur Twitter Dans cette vidéo, vous verrez comment étudier les statistiques de son compte Twitter pour en tirer les conclusions adéquates pour orienter ses campagnes, comment lancer une campagne Twitter et quels sont les différents ciblages proposés par la régie publicitaire.
Pour retrouver nos prochaines vidéos, pensez également à vous abonner à notre chaîne Youtube ! Rappel de bonnes pratiques Twitter… Avant d’aller plus loin, il est important de rappeler deux bonnes pratiques essentiel : Comment bien choisir ses hashtags… Pour #conclure. Collaborez en direct sur vos projets en toute simplicité. Le développement collaboratif, vous connaissez ? C'est le fait d'être à plusieurs sur le même projet, parfois sur les mêmes fichiers. Si la situation reste pour la plupart d'entre nous exceptionnellle, il n'en reste pas moins qu'elle requiert les bons outils.
Que ce soit pour rentrer dans un temps de développement très court pour un client, pour un projet d'école ou un Jam, ou simplement pour relever les défis, nombreux sont les développeurs à tenter l'opération un jour ou l'autre. Pour vous simplifier la tâche, je vous propose une compilation des différents choix que vous avez, et quelques outils pour réussir cette opération le mieux possible. Les outils pour le developpement local Floobits Flobits vous permet de partager vos fichiers locaux et de les éditer de manière collaborative quelque soient les éditeurs de prédilection de vos partenaires.
MadEye Codebox Les console only, qui tournent principalement autours de Vim. Tmux CoVim Les outils avec Éditeur web Koding Cloud9 Code anywhere Nitrious. Comment installer et configurer Mod_PageSpeed de google ? Comment montrer à mon client un site que je développe sur ma machine ? Tous les développeurs web travaillant en local le savent, il n'est pas simple de montrer le contenu de sa machine locale depuis l’extérieur de son réseau.
Heureusement, Ngrok est là pour nous aider ! Une des bonnes pratiques les plus simples à mettre en place, et pourtant une des plus importantes dans le développement web est la suivante : ne JAMAIS travailler sur la production directement, toujours passer par un environnement de développement. Pour cela, de nombreuses solutions existent : utiliser un petit serveur web en ligne de commande pour des langages comme ruby ou python, ou des solutions logicielles comme WAMP. Le souci avec ce genre de solutions est que votre plateforme de développement est uniquement en local, et ne peut pas être vue depuis l'extérieur. Que ce soit pour obtenir des feedbacks de la part de son client ou simplement tester son site sur mobile et tablettes, les sites développés en local finissent toujours par avoir besoin d'accéder à Internet.
. $ ngrok 3000 Mon avis. Dredd. Dredd — HTTP API Testing Framework¶ Dredd is a language-agnostic command-line tool for validating API description document against backend implementation of the API. Dredd reads your API description and step by step validates whether your API implementation replies with responses as they are described in the documentation. Supported API Description Formats¶ Supported Hooks Languages¶ Dredd supports writing hooks — a glue code for each test setup and teardown.
Continuous Integration Support¶ Documentation Reference¶ Useful Links¶ Example Applications¶ Read the Docs Versions latest stable Downloads Epub On Read the Docs Project Home Builds Downloads On GitHub View Edit Search Free document hosting provided by Read the Docs. EightShapes Unify. Emoji unicode characters for use on the web. Fake images please?
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision. Gestion des alias dans wamp server | Veille technologique et technique par l'agence de développement web iMDEO. De Damien Bouvier dans Technique 26sept2012 Voici une petite astuce afin de gérer facilement les multi-projets dans wamp server sans avoir de problème par rapport aux réécritures d’url. Cette manip permet de transformer l’url : en sans avoir a changer l’alias manuellement dans le fichier httpd.conf à chaque fois que je change de projet. Interface Builder for Web Apps - Divshot.
Introduction à Gulp. A l’origine, Sass Si vous me lisez depuis quelques temps, vous savez probablement que je suis un fervent utilisateur de Sass. J’ai initialement utilisé SublimeOnSaveBuild pour gérer la compilation automatiquement. Quand j’ai changé d’emploi et que j’ai commencé à travailler avec de nouveaux collègues, j’ai cherché à généraliser l’utilisation de Sass au sein de l’équipe. Je me voyais mal leur imposer, en plus d’un nouveau langage, mon éditeur de texte et sa configuration. J’ai donc regardé du côté de Koala, puis de Prepros. Mais ce n’était pas suffisant. Gulp Voilà déjà quelques temps que je lorgnais sur Grunt et Gulp pour améliorer mon workflow. Gulp est un outil de gestion de tâches en JavaScript. Installation Gulp est un outil basé sur NodeJS, il faudra donc avant tout l’installer si ce n’est pas déjà fait.
Une fois NodeJS en place, installez gulp : $ npm install --global gulp Hum… c’est bon, Gulp est installé. . $ npm install --global gulp-sass Voilà voilà… Fonctionnement Les tâches Les plugins. JsDelivr - Free CDN for javascript libraries, jQuery plugins, CSS frameworks, Fonts and more. Le Générateur de Brief, by Care ! Livre blanc : Comment faire un cahier des charges. Besoin d’un cahier des charges ? Découvrez le livre blanc pour vous aider à rédiger un cahier des charges pour réussir votre projet numérique.
Apprenez pas à pas à rédiger vous même votre cahier des charges pour vos projets numérique. Qu’est ce qu’un cahier des charges ? Que faut-il mettre dans un cahier des charges ? Avec ce livre blanc, vous allez apprendre pas à pas ce qu’il faut pour rédiger vous même votre cahier des charges pour la réussite de votre projet numérique. Remplissez le formulaire ci-dessous pour obtenir gratuitement votre livre blanc « Comment faire un cahier des charges pour son projet numérique« Bonus : Vous recevrez chaque semaine mes derniers articles publiés chaque dimanche sur mon blog portfolio. Suite au succès de l’article : « Tout ce qu’il faut savoir pour faire un cahier des charges » publié le 21 février 2013 (8093 pages vues), je souhaite vous aider à aller encore plus loin pour vous aider à rédiger vos propres cahiers des charges avec à ce livre blanc gratuit. Login. Login | Atomic. Mantis Bug Tracker. Piwik Français. Retour sur l'Apéro #21 chez Studio Meta | WdStr.
Pour cet apéro #21, nous avons été accueilli chez Studio Meta, encore merci à eux ! Cet évènement était un apéro #sharethelove où chacun pouvait partager ses outils, ses bonnes pratiques, … Nous remercions particulièrement Arnaud qui était le seul à avoir proposé un outil. Mais en creusant un peu, nous avons identifié et discuté de pas mal d’autres outils. Ne sous-estimez pas votre potentiel de partage 1. Flaticon Un plugin Photoshop permettant de rechercher des icônes facilement et directement dans l’application au format vectoriel. Version supportée CS5 / Windows XP Inconvénient : pas d’icônes en SVG Ce n’est pas seulement un plugin mais aussi une bibliothèque en ligne permettant de mettre dans le panier et de télécharger dans divers formats IconFont / PNG /SVG / PSD. Voir la ressource 2. Application en ligne pour générer des fonts d’icônes. Voir la ressource 3.
Voir la ressource 4. Une autre application de gestion de tâches, en full web. Voir la ressource 5. Voir la ressource 6. 7. 8. 9. 10. Simplifier le travail en équipe et la maintenabilité de vos CSS. En quelques années, le CSS a gagné ses lettres de noblesse dans le monde du développement, et est même considéré comme certains comme un langage de programmation (Github le propose comme langage par exemple), avec ses contraintes et ses points forts. La démocratisation des préprocesseurs et des outils permettant la concaténation (réunion de plusieurs fichiers en un seul) de fichiers CSS, permet maintenant d'organiser ses CSS en plusieurs modules. De cette de manière, il est simple de réutiliser des portions de CSS plus simplement entre les projets, et ce fonctionnement est tout de même moins soumis à l'erreur que les copiers collers. (ce sujet a déjà été traîté dans un article sur le Blog : Intégrateurs, arrêtez de vous répéter !)
Là où les choses se compliquent, c'est plusieurs années plus tard, quand un nouveau développeur doit reprendre le projet et est incapable de retrouver ses chatons dans les différents fichiers présents. Sketch | The designer’s toolbox. Sociallymap. Vertabelo.