Some interesting and useful things for web developer # 29

Good day, dear habravchane. Recently, I saw some interesting and useful tools / libraries / events that I want to share with Habr.

Humhub

An open social network built on Yii is a worthy analogue of Diaspora . Developers generally say that this is a framework that provides tools for easy and productive teamwork. Flexible modular system and a number of plugins: notes, task manager, calendar, voting, mailings, etc. Also, HumHub is very beautiful. Cool modern interface, asynchrony, tooltips and other details.


')

Impulse

Stunning JS animations with sophisticated physics. The library is more sharpened for mobile interfaces. In the examples, you will see a number of cool effects you know from iOS, Android, and WP. I don’t know what to write anymore, it really needs to be seen. And from the point of view of code, everything is typical of “animated libraries”.

Piwik

A powerful open source analytics tool that can really serve as a replacement for Yandex Metrics or Google Analytics. Informative graphs, many metrics, a bunch of parameters, goals and other necessities. The service is quite simple to install, there is a plugin for almost all popular CMS. The system has its own marketplace and extensive community. Piwik is used on such large-scale projects as Wikimedia, Forbes, T-mobile, Sharp, etc.

Jsfmt

A small and useful tool from the development team of the popular streaming music service Rdio. Jsfmt allows you to search, format and make massive changes in the JS files:

#  reduce  underscore.js    `source.js`. jsfmt --rewrite="_.reduce(a, b, c) -> a.reduce(b, c)" source.js #   ,      . jsfmt --write=true --rewrite="_.reduce(a, b, c) -> a.reduce(b, c)" source.js #    'source.js'      node. jsfmt --rewrite="x % y -> ((x % y) + y) % y" source.js | node 

And to check the code for compliance with the style manual there is nothing better than the JSCS .

Gulp fiction

Convenient online service for generating Gulp files. We specify the name of the task, the paths to the source and final files, and of course we select the plugin itself, which is searched in real time.

Mitro

Mitro is a great password manager that is browser extensions. The project is completely free and opsorce (client and server). It remembers all passwords from the web and allows you to give temporary access to your services to colleagues, freelancers, without transferring the password itself. Secure, simple and versatile product with user-friendly interface. "Trusted by Stackoverflow, Google Ventures, Essence, Fitocracy, Architizet."

ImageOptim CLI

The utility automates the optimization of 3 programs at once: ImageOptim , ImageAlpha , and JPEGmini . But there is one drawback - all these tools are written for Mac and, accordingly, the ImageOptim CLI will not work on Windows and Linux. Judging by the test results, this is almost the undisputed winner, which in some cases is inferior to Kraken.io . But the difference between the optimization between them averages a few percent.

Western thoughts or what would translate to Habré:

• A Beginner's Guide to Website Speed ​​Optimization
• Should publishers really think 'mobile-first'?
• Polyfills as a service
• Unicode-range
• High Performance Map Interactions Using HTML5 Canvas
• Spatial Data Structures for Better Map Interactions
• Built-in Browser Support for Responsive Images
• Radio-Controlled Web Design
• Improving Sass code quality on theguardian.com
• CSS Performance Tooling
• CSS At Trello
• CSS Audits: Taking Stock of Your Code
• An Intro to SVG Animation with SMIL
• A Look at SVG Light Source Filters
• 5 Typical JavaScript Interview Exercises
• Add Rules to Stylesheets with JavaScript
• Speed ​​Index: Measuring Page Load Time a Different Way
• Prototyping For Better Products, Stronger Teams And Happier Clients

Says and shows Habr:

• “Experience of using Go in production of Yandex” from lamerman
• "A post about small video games" by printf
• "Video of reports from the DevConf 2014 conference" from Badoo
• “How to develop an API with backward compatibility. Workshop in Yandex " by forgotten
• "Principles of writing code" from vintage
• "Web components in the implementation of Polymer from Google" by pofigizm
• "We make video chat in a web browser with a minimum of labor costs" from aylarov
• “Displaying video from multiple webcams on the same page” by abaddon65
• "Brave AngularJS Styling for Team Development: Part 1 , Part 2 " by uoziod
• “Transducers in JavaScript. Part 1 , Part 2 »
  “Kefir.js is a new library for functional reactive programming (FRP) in JavaScript” from Pozadi
• “What's new in Laravel 5? „ From Cubist
• “Arr.js: events for the standard array” from jMas
• "Interface Design in the Age of the Big Screens" by Fyodorov2000

Finally:

• The likelihood of XSS is inversely proportional to the number of PHP programmers. (book "Surrealism on JavaScript" )
  
  
• H2O is an HTTP server that is supposedly 2 times faster than Nginx.
• Awesome-svg - a collection of all sorts of cool stuff on SVG.
• Express Admin - MySQL, MariaDB, SQLite, PostgreSQL admin panel for Node.js.
• Tuktuk is a simple and powerful RWD framework.
• Z.js - translates content into binary code, thereby making it invisible.
• PathFinding.js - finds the path in the game format.
• Bumpkit is a library for Web Audio API.
• Multi-Screen.js - jQuery plugin to create a full-screen slideshow.
• Sovereign is your own Ansible based cloud.
• WP Async Task - TechCrunch plug-in sync ( more ).
• Anbu is a profiler for the Laravel PHP Framework.
• PHP Webshells - "common php webshells".
• PapaParse is a powerful CSV parser for Node.js.
• Lowdb - flat JSON file database for Node.
• Strider-CD - "Open Source Continuous Integration & Deployment Server".
• Pyston - JIT for Python from the Dropbox team.
• Profiling - interactive profiling in Python.
• Textract - extracts text and various documents.
• Linguist - Ruby "language scholar".
• Docker practice is an online Docker tutorial.
• PolymerThemes - free themes and templates for Polymer.
• React Components - directory for React components.
• Shout - The self-hosted web IRC client
  
  

Previous selection (Issue 28)

I apologize for any typos. If you notice a problem - please write in a personal.

Thank you all for your attention.