Some interesting and useful things for web developer # 14
Good day, dear habravchane. Recently, I saw some interesting and useful tools / libraries / events that I want to share with Habr.
Nota Bene. Almost always the page in the browser on your touch device does not respond quickly enough. All due to a delay of 300ms to make sure that this is not a double tap. FastClick.js is a polifil that saves your site users from this delay.
By the way, this is a repository from the developers of the famous Financial Times and they also have another useful project on GitHub - ftscroller , with which it is easy to create adaptive scrolling and multi-scrolling for any element.
')
Today, there are many different tools for hacker attacks (metasploit, armitage, lair, dradis, etc.) that allow you to automate and synchronize actions, exchanging information in real time. While the possibilities for protection are significantly limited. Because of this, Mozilla decided to create the Defense Platform to automate the security incident response process and to take certain security measures as quickly as possible.
Continuing the topic of security, I also want to share DOMPurify , which “disinfects and inhibits XSS” in HTML, MathML and SVG. Written in JavaScript, works in all modern browsers.
New CSS framework, but very atypical. Refills are pre-packaged patterns, components, mixins and all the best from Bourbon, Bitters and Neat.
The second version of a fairly popular app among web developers has been released. I already mentioned Prepros and Hammer in my selections. It is worth saying that CodeKit was the ancestor of this kind of toolkit. Now he can compile Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript; optimize, minimize, compress all that can be optimized, minified and compressed; check the syntax of javascript and coffeeScript; create a LiveReload connection that will be available in any browser, on any device; it has an Autoprefixer, designed by our Evil Martians; the most common frameworks (Foundation, Bourbon, Compass) are already inside, but what's even cooler is the built-in Bower; generate a source map; Plus, you can “automate your own” using AppleScript or Bash.
A few days ago, the Upgrade habrauzer wrote in detail about this script, but I cannot but mention it here.
Previous selection (Release 13)
I apologize for any typos. If you notice a problem - please write in a personal.
FastClick.js
Nota Bene. Almost always the page in the browser on your touch device does not respond quickly enough. All due to a delay of 300ms to make sure that this is not a double tap. FastClick.js is a polifil that saves your site users from this delay.
By the way, this is a repository from the developers of the famous Financial Times and they also have another useful project on GitHub - ftscroller , with which it is easy to create adaptive scrolling and multi-scrolling for any element.
')
Mozdef
Today, there are many different tools for hacker attacks (metasploit, armitage, lair, dradis, etc.) that allow you to automate and synchronize actions, exchanging information in real time. While the possibilities for protection are significantly limited. Because of this, Mozilla decided to create the Defense Platform to automate the security incident response process and to take certain security measures as quickly as possible.
Continuing the topic of security, I also want to share DOMPurify , which “disinfects and inhibits XSS” in HTML, MathML and SVG. Written in JavaScript, works in all modern browsers.
Refills
New CSS framework, but very atypical. Refills are pre-packaged patterns, components, mixins and all the best from Bourbon, Bitters and Neat.
CodeKit 2.0
The second version of a fairly popular app among web developers has been released. I already mentioned Prepros and Hammer in my selections. It is worth saying that CodeKit was the ancestor of this kind of toolkit. Now he can compile Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript; optimize, minimize, compress all that can be optimized, minified and compressed; check the syntax of javascript and coffeeScript; create a LiveReload connection that will be available in any browser, on any device; it has an Autoprefixer, designed by our Evil Martians; the most common frameworks (Foundation, Bourbon, Compass) are already inside, but what's even cooler is the built-in Bower; generate a source map; Plus, you can “automate your own” using AppleScript or Bash.
Gremlins.js
A few days ago, the Upgrade habrauzer wrote in detail about this script, but I cannot but mention it here.
Gremlins.js emulates random user actions: gremlins click wherever they can get, enter random data into forms, or move the mouse over elements that do not expect it. Their goal: to cause a javascript error or make the application fail.
CSS Dinner : check understanding of how selectors work:
Finally:
- Slick is the simplest and most functional jQuery slider.
- Devices.css - popular pure CSS gadgets.
MicIO.js is a very interesting idea, a direct invention , and everything ingenious is simple. - Google Traceur Compiler - compiles tomorrow's JavaScript into today's standards - “JavaScript.next-to-JavaScript-of-today compiler”.
- ngxtop is a realtime metric for nginx servers.
- ThemeCheck is a WordPress theme validator.
- PNotify is a jQuery plugin designed to notify anyone as you like.
- Webplate is another “easy and awesome” CSS framework that may be useful to someone.
- Very unusual "music" site.
- Three extraordinary bloggers who collect fake interfaces , source codes in movies and endangered IT sounds . Geeky are geeky.
- Atom from GitHub on Mac He is here .
- And on Habré there was no information that March 15 is Markdown's birthday, which turned 10 years old!
Previous selection (Release 13)
I apologize for any typos. If you notice a problem - please write in a personal.
Source: https://habr.com/ru/post/217501/
All Articles