Some interesting and useful things for web developer # 31

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

Reddit Sources

Gravit

Remarkable open source graphics editor. There are applications for Mac, Linux, Windows, as well as the browser version. In Gravit, the basic functionality is currently implemented: layers, shapes, pentulas, and many different functions for manipulating objects. But this project is mainly focused on web design. It is more correct to say that Gravit is a mixture of a graphic editor in a typical presentation 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, the topic of website performance has spread more than ever before. I think this is primarily due to the growth of mobile devices, when users with non-always fast Internet want to have quick access to information. And of course, this search trend has been influenced by modern search algorithms. And so, PerfMap visualizes page performance using a heat map 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.imtqy.com/perfmap/perfmap.js';document.body.appendChild(el);})(); 

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

PrimeGate

PrimeGate - this can be said a whole ecosystem for your web project. These are analytics, SEO, a set of various tools for increasing conversion and advertising management, CRM, IP telephony, a task manager, a CMS and a visual editor. I will not delve into the various marketing components of this product, but speaking of the visual editor - this is a worthy competitor for Webflow with the content management system inside. Well, it seems like great attention is paid to technical support with their staff 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 the slider. Everything works very simply:

 <div id="pagepiling"> <div class="section">Some section</div> <div class="section">Some section</div> <div class="section">Some section</div> <div class="section">Some section</div> </div> 

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

Chrome APK

Launch Android apps on Chome OS, Linux, Mac and Windows using JavaScript.

Western thoughts or what would translate to 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
• 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 is the 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 scopes in JavaScript (but were afraid to ask)” from SLY_G
• "JavaScript: Test Your Intuition" by BuranLcme
• "25 PHP developers you can subscribe to"
  "Methods in PHP primitive types" by iGusev
• " We get acquainted with controls of WinJS library" from a_bogdanova
• "WinJS 3.0 - release for all platforms" by a_bogdanova
• "Sketchometry - dynamic geometry in the browser" from andyudol
• “How we made an application framework on AngularJS and Django” from m_smirnov
• “We are creating a video wall with image broadcasting from ip-cameras via satellite with a minimum of traffic” from Voiddancer
• "Holy Grail on steroids: total synchronization and isomorphic JavaScript on Swarm.js" from gritzko
• “My maps on leaflet.js” by antirek
• "5 Popular JavaScript Hacks" by andrew-r
• "Print version - we do it beautifully using canvas and javascript" from mrTyler
• "How we cluster gifts in OK" from Spoilt333
• “Web application - well, almost without a back-end: Flask, Redis, API via JSONP, JSFiddle.net” by AndersonDunai
• "Dive into Docker: Dockerfile and communication between containers" from infobox
• "How to choose an algorithm for the address filter" by AlexGechis
• “Ruby on rails: production and deploy for dummies” by eboyko
• "KodiCMS - CMS on the Kohana framework" from ButscH
• Firefox 33 Release by traneblow
• “Firefox beta now has the ability to make video calls without installing additional software and registering” by 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 from camera video (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 to 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 selection (Release 30)

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

Thank you all for your attention.