background preloader

Compile Sass, Less, Jade, CoffeeScript on Mac, Windows & Linux with Live Browser Reload

https://prepros.io/

Related:  OUTILS UTILESOutils, scripts et divers choses utiles

The developer tools you need to know right now When it comes to web development, it is pretty easy to assume that JavaScript is top dog. But, obviously it's not that simple. Imagine turning up for an interview and saying 'I'm great at JavaScript'.   Tools for Web Developers   Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did.

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. Here’s what I mean:

Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book. On the Columns tab, you can start your design in two ways:

6 Essential Open Source Tools for Web Designers The web runs on open source software. Most of it is in the back end, with most of the world’s servers running on some form of Unix or Linux. Those servers run hundreds, if not thousands, of open source utilities, script interpreters, and so on. Once in a while, though, the open source stuff gets all the way to the browser, where the user can see it. Okay, that happens a lot. Supercharge JavaScript development in Atom – Satyajit Sahoo – Medium I know, editors are just tools, and the real power is within the programmer. 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?

Must See JavaScript Dev Tools That Put Other Dev Tools to Shame What Are Dev Tools? 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. 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.

Developer Tools - W3C Developers Get help Stack Overflow has a great and active community focused around W3C Standards and W3C developer tools. 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. 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

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. We have missed something that you can’t live without? Share it in our comment section. Here are our 50 picks: 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.

20 Extremely Useful Coding Tools for Web Designers Never miss another deadline while using these 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.

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

Related: