A few interesting and useful things for web developer # 31

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

Reddit sources

Gravit

Great open source graphics editor. There are applications for Mac, Linux, Windows, as well as a browser version. Gravit currently implements the basic functionality: layers, shapes, pentul and many different functions for manipulating objects. But this project is largely focused on web design. It is most correct to say that Gravit is a mixture of a graphical editor in a typical representation with a visual editor for website development. It is this idea and its implementation in the open source format that makes the product unique.

Midnight is a very cool effect for headlines.

Perfmap

Nowadays, more than ever, the topic of website performance has spread. I think this is primarily due to the growth of mobile devices, when users with not always fast Internet want to have quick access to information. And of course, modern search algorithms have influenced this trend. And so, PerfMap visualizes page performance using a heatmap and Resource Timing API. To work, you must save the code as a bookmarklet:

javascript:(function(){var el=document.createElement('script');el.src='https://zeman.github.io/perfmap/perfmap.js';document.body.appendChild(el);})();

And there is also a tool with similar functionality for responsive sites - RWDPerf .

Primegate

PrimeGate - you can say the whole ecosystem for your web project. This is analytics, SEO, a set of various tools for increasing conversion and advertising management, CRM, IP telephony, task manager, CMS and visual editor. I will not delve into the various marketing components of this product, but speaking of the visual editor, it is a worthy competitor for Webflow with a content management system inside. Well, it seems like a lot of attention is paid to technical support with its full-time promotion specialists. And I was very pleased that such a product was made not in the West, but in the territory of the post-Soviet space.

pagePiling.js

Great effect for landing pages. The script "cuts off" the upper layers of content and thereby implements a slider. Everything works extremely simply:

Some section
Some section
Some section
Some section

$(document).ready(function() {
    $('#pagepiling').pagepiling();
});

Chrome APK

We launch Android applications on Chome OS, Linux, Mac and Windows using JavaScript.

Western thoughts or what it would be worth translating into Habré:

• Breaking the Silk Road's Captcha
• A Front-End Developer's Ode To Specifications
• A Guide to SVG Animations (SMIL) ( Russian translation from SelenIT2 ).
• Improving Smashing Magazine's Performance: A Case Study
• JS Parse and Execution Time
• I feel the need to have a little rant about MooTools and ES7
• CSS-Only Solution For UI Tracking
• Personalizing Git with Aliases
• Adventures in Dynamic Subsetting
• JavaScript Beyond the Web in 2014
• How to use RabbitMQ with PHP
• Loading webfonts with high performance on responsive websites
• > Introducing the HTML5 “Menu” and “Menuitem” Elements
• 5 Array Methods That You Should Be Using Now
• Wayfinding For The Mobile Web
• Be A Better Designer By Eating An Elephant
• UX Dilemma: Red Button vs. Green button
• Why the Scroll Event Change in iOS 8 is a Big Deal
• The Skeptic's Guide To Low-Fidelity Prototyping
• Thoughts on pagination
• The Politics of Feedback
• There is much to learn from the paper towel

Says and shows Habr:

• "Yii 2.0. Release " by SamDark
• “Everything You Wanted to Know About JavaScript Scopes (But Were Afraid to Ask)” by SLY_G
• “JavaScript: Test Your Intuition” by BuranLcme
• “25 PHP developers to subscribe to”
  “Methods in primitive PHP types” by iGusev
• “ Meet the WinJS Library Controls” by a_bogdanova
• "WinJS 3.0 - release for all platforms" from a_bogdanova
• “Sketchometry - dynamic geometry in the browser” by andyudol
• "How we did the application framework on AngularJS and Django" from m_smirnov
• “We create a video wall with broadcasting images from IP cameras via satellite with a minimum of traffic” from Voiddancer
• “Holy Grail on steroids: total synchronization and isomorphic JavaScript on Swarm.js” by gritzko
• “My cards on leaflet.js” by antirek
• “5 Popular JavaScript Hacks” by andrew-r
• “Printable version - doing beautifully with canvas and javascript” from mrTyler
• “How We Cluster Gifts in OK” by Spoilt333
• “A web application - well, almost without a back end: Flask, Redis, API via JSONP, JSFiddle.net” by AndersonDunai
• “Diving into Docker: Dockerfile and Communication Between Containers” by infobox
• “How to choose an algorithm for an address filter” by AlexGechis
• Ruby on the Rails: Production and Deployment for Dummies by eboyko
• “KodiCMS - CMS on the Kohana framework” by ButscH
• Firefox 33 Release from traneblow
• “Firefox beta has the ability to make video calls without installing additional software and registering” from ilya42

Finally:

• HackerNews API
• Plax - jQuery Parallax plugin.
• Juliusjs and Pocketsphinx.js - speech recognition in JavaScript.
• Franc - defines the language of the text in JavaScript.
• Gifshot - creates GIF animations on video from the camera (from Yahoo).
• Dropcap.js - typographic capitalization of the first sentence of the first paragraph.
• Bespoke.js - DIY Presentation Micro-Framework.
• Elixir - Gulp Task for working with Laravel.
• Wide - Web IDE for Go.
• Gopherjs - Compiles Go into JavaScript.
• Pydub is a library for working with audio in Python.
• Bootlint - Bootstrap HTML linter.
• Device-Bugs - a collection of web bugs on different devices.
• Pigshell - the missing shell for the web.
• Prose - content editor for GitHub.

                                                         Previous Collection (Issue 30)

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

Thank you all for your attention.