background preloader

OUTILS UTILES

Facebook Twitter

Avez vous bien prepare le lancement de votre site web? Assez souvent, le lancement d’un site web se fait sans s’assurer de plusieurs points.

Avez vous bien prepare le lancement de votre site web?

L’étape de test se trouve négligée et des fois complètement ignorée. Il est toutefois très important de s’assurer de quelques points avant de laisser les utilisateurs visiter votre site web. Dans cet article j’essaierai de lister brièvement ces points. Generatedata.com. Website speed test. Feem v4. Share Files Offline. Must See JavaScript Dev Tools That Put Other Dev Tools to Shame. What Are Dev Tools?

Must See JavaScript Dev Tools That Put Other Dev Tools to Shame

Developer tools are a collection of software that makes life easier for developers. Traditionally, we’ve thought of them primarily as the IDE, linter, compiler, debugger, and profiler. But JavaScript is a dynamic language, and along with its dynamic nature comes a need for more runtime developer tooling. JavaScript has this in spades. For the purposes of this article, I’m going to include runtime tooling, and even a couple libraries that enhance runtime developer visibility and debugging.

TL;DR quick list: About the Tools Your dev life is going to center around two things: The editor, and your runtime environment (e.g., the browsers, platforms, and devices you’re coding for). Browsersync - Time-saving synchronised browser testing. PageSpeed Insights.   Google Developers.

Developer Tools - W3C Developers. Get help Stack Overflow has a great and active community focused around W3C Standards and W3C developer tools.

Developer Tools - W3C Developers

To ask a question to the W3C Community, we invite you to use the w3c tag. Ask a question Contribute Developers are welcome to get involved by contributing code, either to existing tools or proposed future projects. Testing, bug reports, suggestions, or help in creating good documentation are also important! You will find more information to get started in each project on their own web page. Find projects on Github Donate. DPI love ♥ Easily find the DPI/PPI of any screen. ContentBox.js – Réaliser des modèles de pages attractifs mais difficiles à coder – Magazine du Webdesign. 50 Awesome Tools and Resources for Web Developers. Danny Markov In this article, we have gathered a collection of 50 must-have tools and resources that will help you learn, do more and be more productive.

50 Awesome Tools and Resources for Web Developers

We have missed something that you can’t live without? Share it in our comment section. Here are our 50 picks: Design Bootstrap Studio Bootstrap Studio is a powerful drag and drop builder for the Bootstrap framework. Subtle Patterns An amazing resource for high quality textured patterns. Blokk Font. Assemble. WakaTime · Quantify your coding. Updown.io – Website monitoring, simple and inexpensive. Free Web Analytics Software. Speaker Deck - Share Presentations without the Mess. Global Stats - Browser, OS, Search Engine including Mobile Usage Share. Mydevice.io : web devices capabilities. 20 Extremely Useful Coding Tools for Web Designers. Never miss another deadline while using these 20 extremely useful coding tools for web designers!

20 Extremely Useful Coding Tools for Web Designers

These great coding resources will help you in different kinds of tasks, ease your work and also speed it up! Enjoy an easier, more efficient and productive workflow with these useful coding tools we have gathered here, in this list. You will find tools for choosing colors, pairing the right fonts, turning Photoshop into HTML, CSS and more! Handle various design and development tasks with more ease than ever by choosing the right coding tools for you, from this list. If you need HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names, this is the place to go to.

Font Flame is great for choosing the right fonts for a website, easily and fuss-free. This is an Apple device generator that lets you transform one Apple device into another using only CSS3 animation and some Javascript. This platform will help you get visual feedback on your work. Dans Tools - Online tools for users and developers. Website Performance Test. Web Tools - Google Developers. Download Web Starter Kit (beta) What is Web Starter Kit?

Web Tools - Google Developers

Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry. Features Quickstart Download the kit or clone the repository and build on what is included in the app directory. There are two HTML starting points, from which you can choose: index.html - the default starting point, containing Material Design layout.basic.html - no layout, but still includes our minimal mobile best-practices Be sure to look over the installation docs to verify your environment is prepared to run WSK.

The Most Advanced WYSIWYG HTML Editor. Modernizr: the feature detection library for HTML5/CSS3. Browser Support Checklist CSS3 – Norman's Blog – Demos. 30 Must Have Chrome Extensions For Web Developers - The Web Developer Times. Here’s the list of must have chrome extensions for web developers.

30 Must Have Chrome Extensions For Web Developers - The Web Developer Times

Many of these are useful to both web developers and designers. All of these help me a lot when I am working on websites. They help me speed up the process. The below list includes different chrome extensions for different tasks. All of the below chrome extensions are arranged in a random order. The List: DebugBar - IE extension for web developer : DOM inspector, Javascript debugger, HTTP headers viewer, Cookies viewer. Koala (informatique) Westciv - tools & resources for web professionals. 4 outils pour minifier des fichiers PHP, HTML, JS et CSS. Afin de rendre nos fichiers CSS et JS plus légers, il existe un procédé afin d'alléger le poids de ces fichiers, c'est la minification.

4 outils pour minifier des fichiers PHP, HTML, JS et CSS

Quand vous souhaitez télécharger Jquery, vous avez le choix entre deux versions, d'une part, celle qui est compressée avec l'extension min.js et d'autre part, non compressée avec l'extension js. La version non compréssée va etre utilisée, en phase de développement, en revanche, celle qui est compressée pour la mise en production de votre site. Selon le langage, la minification va supprimer les espaces inutiles, les sauts de ligne, optimiser votre code CSS... La minification entre, dans le process d'optimisation du chargement des pages et de leur poids. Dans Tools - Online tools for users and developers.