background preloader

Outils, scripts et divers choses utiles

Facebook Twitter

Learn Node, React, Redux with Real World Project Tutorials. Essential Tips, Tricks, Scripts and Techniques for WebMasters. Wallaby - Integrated Continuous Test Runner for JavaScript. JavaScript variable name validator. Wondering if you can use a given string as a variable name in JavaScript?

JavaScript variable name validator

Learn how it works, or just use this tool. <strong>To use this tool, please <a href= JavaScript</a> and reload the page. </strong> permalink That’s a valid identifier according to ECMAScript 6 / Unicode 8.0.0. However, the NaN, Infinity, and undefined properties of the global object are immutable or read-only. It is a reserved word. Uglify-js. UglifyJS is a JavaScript parser, minifier, compressor and beautifier toolkit.

uglify-js

Note: uglify-js@3 has a simplified API and CLI that is not backwards compatible with uglify-js@2.Documentation for UglifyJS 2.x releases can be found here.uglify-js only supports JavaScript (ECMAScript 5).To minify ECMAScript 2015 or above, transpile using tools like Babel. Install First make sure you have installed the latest version of node.js (You may need to restart your computer after this step).

From NPM for use as a command line app:   Google Developers. What is the Closure Compiler?

  Google Developers

YUI Compressor. According to Yahoo!

YUI Compressor

's Exceptional Performance Team, 40% to 60% of Yahoo! 's users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a web application usually yields the biggest savings and that should always be a primary strategy.

Closure Compiler Service. JavaScript variable name validator. JavaScript Tutor - Visualize JavaScript code execution to learn JavaScript online. Salvattore — A jQuery Masonry alternative with CSS-driven configuration. Memorizing a programming language using spaced repetition software. I've been doing this for a year, and it's the most helpful learning technique I've found in 14 years of computer programming.

Memorizing a programming language using spaced repetition software

Background: I'm an intermediate programmer. I didn't go to school for it. JS Comparison Table. JSONLint - The JSON Validator. Online JavaScript beautifier. JavaScript Minifier. Video.js: The Player Framework. A Static Type Checker for JavaScript. Buy Plugins & Code from CodeCanyon. 5 JavaScript Style Guides — Including AirBnB, GitHub, & Google. Udemy Black Friday Sale — Thousands of Web Development & Software Development courses are on sale for only $10 for a limited time!

5 JavaScript Style Guides — Including AirBnB, GitHub, & Google

Full details and course recommendations can be found here. Whether you’re just starting to learn JavaScript, or getting ready for your big interview with AirBnB, here are 5 style guides that can help you write cleaner code. What the heck is a style guide? A style guide is a set of standards that outline how code should be written and organized. As you read through these guides, you can get an idea for how code is written at the respective companies. Mrclay/minify: Combines. minifies, and serves CSS or Javascript files. Code Conventions for the JavaScript Programming Language. This is a set of coding conventions and rules for use in JavaScript programming.

Code Conventions for the JavaScript Programming Language

The long-term value of software to an organization is in direct proportion to the quality of the codebase. Over its lifetime, a program will be handled by many pairs of hands and eyes. If a program is able to clearly communicate its structure and characteristics, it is less likely that it will break when modified in the never-too-distant future. Code conventions can help in reducing the brittleness of programs. All of our JavaScript code is sent directly to the public. JavaScript variable name validator. Salvattore — A jQuery Masonry alternative with CSS-driven configuration. Packery. Masonry.

JS Comparison Table. Regulex:JavaScript Regular Expression Visualizer. JSLint: The JavaScript Code Quality Tool. Polyfill - Wikiwand. Additional Resources on JavaScript - Help / Questions - The freeCodeCamp Forum. We've listened to everyone's feedback and made a ton of improvements to our forum.

Additional Resources on JavaScript - Help / Questions - The freeCodeCamp Forum

Improvement #1: HTTPS Our open source community takes security seriously. Now everything on our forum is encrypted using SSL. Improvement #2: Simplified Categories You don't need to add a category to your posts, but if you do, they're now much simpler. Flow: A Static Type Checker for JavaScript. Picturefill. 10 Priceless Resources for JavaScript Learners – JavaScript Scene – Medium. Supercharge JavaScript development in Atom – Satyajit Sahoo – Medium.

I know, editors are just tools, and the real power is within the programmer.

Supercharge JavaScript development in Atom – Satyajit Sahoo – Medium

The editor still plays a major role in writing good code. I don't know about you, but even though I can probably write a small program using nano, it'll be damn difficult to get it right the first time. Yeah, the good ol' typos, missing parentheses and all. And it'll probably be much slower than having the luxury of autocomplete provided in the editor. So, how do we choose a good code editor which doesn't get in our way and help us write code faster? I was a long time user of Adobe Brackets and Sublime Text 3 (I still love Sublime), and occasionally tried Atom. Use JSDoc: Index. Découvrez Hyper Dev, le Codepen des applications JS. Closure Compiler Service. Python Tutor - Visualize Python, Java, JavaScript, TypeScript, Ruby, C, and C++ code execution.

De jQuery à Vanilla JS. Oui alors jQuery, c'est sûrement très bien, ça simplifie pas mal de choses et le chaining est intéressant mais eeeest-ce que vous connaissez l'équivalent en pur JavaScript ?

De jQuery à Vanilla JS

Pas sûr hein. Ce petit article vous propose de quoi peut-être vous faire changer d'avis sur la bibliothèque qui pèse tout de même environ ~80ko. Note : Vanilla JS n'est pas un framework mais veut simplement dire "à nu", c'est du JavaScript sans bibliothèque. C'est parti ! #Table des matières. Vanilla JavaScript FTW. Mise en place de polyfills avec Modernizr et YepNope.js. Dans un article précédent, j’ai fait la présentation de Modernizr, une librairie JavaScript qui permet la détection de fonctionnalités du navigateur. Dans cet article, nous allons voir comment mettre en place un polyfill grâce à Modernizr et YepNope.js. Polyfill. Mise en place de polyfills avec Modernizr et YepNope.js. Live.js - One script closer to Designing in the Browser. Compile Sass, Less, Jade, CoffeeScript on Mac, Windows & Linux with Live Browser Reload.

Show my password, please · Matt Smith. Stop me if this sounds familiar: you’re logging into a site or app on your phone, carefully entering your password, you tap the sign-in button, and… “Incorrect password, please try again.” Ohhh, snap! You didn’t enter the wrong password, you simply tapped a wrong key. It’s something you likely would’ve caught if the login control provided a feature allowing you to view the password you entered. 20 New Free Javascript and jQuery Plugins.

John Resig developed the jQuery library in 2006, and since then this become the most popularJavaScript libraries on the web. Without a doubt, jQuery is well known and frequently used in the web design community. Jquery lets you prototype and create any kind of unique and creative user interface with minimal work and that is the reason why it increases in popularity each day.

40 JS Plugins All Web Developers Should Know About. We searched the web for the best JS plugins and libraries all web developers should know about, and came up with this awesome roundup of 40 most useful JS plugins for your inspiration! Add these gems to your toolbox! We categorized them, for easy browsing, into JS plugins for audio, buttons and switches, carousel sliders, data visualization, file upload, forms and search, images, layout, maps, modals, navigation, notifications, transition and effects and typography. Huge thanks to the creators of these amazing JS plugins! Audio audio.js audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere. Audioplayer.js. Javascript Beautifier and Formatter Online. Enter your messy, minified, or obfuscated Javascript (JS) into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes.

Minify Javascript - Online Compressor / Packer. Minifying Javascript takes the pretty, well formed JS code that you have written and removes the spacing, indentation, newlines, and comments. These arie not required for Javascript to run successfully. It also makes the Javascript more difficult to read when viewing the source. Many developers will maintain a 'pretty' version, and upon deployment of their project run their scripts through a minification program. They also often combine their many script files into a single file. A Minify Example.

10 jQuery Horizontal Scroll Demos & Plugins. In today’s post we bring to you 10 jQuery Horizontal Scroll Demos & Plugins useful for those who see things horizontally. I guess we have to accept some people scroll both ways! :) Updated: March 2016 Updated all plugins and demos with the latest versions and added some new ones.

25 Free Resources for New JavaScript Developers. We asked our campers to share their favorite free resources for new JavaScript developers on Camper News. The list includes some time-tested books as well as podcasts and videos you may not have heard of yet. Books. Tool-Up Time: The Very Best Front End Web Developer Tools DebugMe Blog. Webpack module bundler. Gists from JS Bin vs. CodePen vs. JSFiddle vs. Plunker – cunning ramblings in codecraft. Is anyone sick of choices yet? JSLint: The JavaScript Code Quality Tool. Closure Compiler Service.

Annees bissextiles. JSHint, a JavaScript Code Quality Tool. Js. Réduire la taille des ressources HTML, CSS et JavaScript   Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction. Présentation La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait. JSCompress: Minify Javascript Online / Online JavaScript Compression. JavaScript Minifier. GitHub - Haeresis/NodeAtlas: NodeAtlas is a full-stack JavaScript framework allows you to create Scalable website with SEO and W3C compliance.

Documentation Generator