A few interesting and useful things for web developer # 40

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

Nativecript

An open framework for creating mobile applications for iOS, Android and Windows Phone based on NodeJS. And the whole cimus is that this is not another cross-platform shell over WebView (ala PhoneGap), NativeScript, according to the developers, provides the same JavaScript capabilities that native Objective-C, Java or .NET provide.

I also want to mention NW.js , which before the advent of IO.js was called Node-Webkit. The project on the same principle allows you to write desktop applications for Windows, Mac and Linux using web technologies. Moreover, microcontrollers, smart homes, the Internet of things, Oculus Rift, Nest release API on JS. Recalling all this news, I want to say that JavaScript more and more often appears as a unified tool for cross-platform development.

Doppler.js

Most likely, at the moment the project does not have any practical value, but it is certainly wildly interesting as an example of the implementation of the Doppler effect using the Web Audio API. The bottom line is that by analyzing sound waves you can control the interface. On the demo page, with a wave of your hand over the microphone, you can scroll.

Swiper.js

An excellent slider sharpened strictly for working with mobile sites or web applications. Swiper provides hardware accelerated animation at the native level. The project in a few days gathered more than 3,000 stars on GitHub.

Slide 1
Slide 2
Slide 3
        ...
    

var mySwiper = app.swiper('.swiper-container', {
    speed: 400,
    spaceBetween: 100
});   

Slideout.js

The easiest way to make a drop-down side menu for a mobile site. Slideout does not depend on third-party libraries, just in customization and weighs only 4kb.

Panel

  var slideout = new Slideout({
    'panel': document.getElementById('panel'),
    'menu': document.getElementById('menu'),
    'padding': 256,
    'tolerance': 70
  });

SVGOMG - SVGO GUI

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

• How to Create (Animated) Text Fills
• Things I've Learned About Sending Email, for Web Designers and Developers
• Introducing node-firefox
• Embracing Promises in JavaScript
• Improving the Performance of your HTML5 App
• Designers: Start Coding With uilang
• TimelineMax: A Primer
• Terrible JavaScript Mistakes To Avoid With A Static Code Analyzer
• Making the case for Progressive Javascript
• Making a Single Page App Without a Framework
• Using ServiceWorker in Chrome today
• Style Guide Generator Roundup
• 60fps on the mobile web
• Printing Medium stories
• Design last

They say and show domestic IT resources:

• "Principles for writing uniform HTML"
  "Using requestAnimationFrame" from Forwebdev.
• CSS Animation Performance: An Untold Story from CSS Live.
• “Everything you need to know about the CSS will-change property” by Frontender.info.
• “If you decide to switch from PHP to Python, then what should you prepare for?” From gnomeby
• “Resize images in the browser. Everything is very bad ” from homm
• “30 wonderful libraries for PHP programmers” from mnv
• “Making an Online Cinema for the Blind (WCAG 2.0 AAA)” by gsuvorov
• "Communication scripts from different browser tabs" from SLY_G
• "We write a plug-in for October CMS" from ivaaaan
• “Visualize it” by karmatsky
• Quantitative CSS Selectors by alspaladin
• “The magic of one div. Masterclass from the creator of a.singlediv.com » by Irina_Ua
• “Layout of email newsletters from A to Z for dummies” by Varhal
• “Introduction to Apache Spark” by akrot
• "Restarting the daemon in PHP without losing connections to it" from youROCK
• “How it works: architecture of the tile backend of Sputnik cards” by jonik

Finally:

• HTML / CSS
  • Flexbox in 5 minutes
  • CSSNext - converts tomorrow's CSS into today’s.
  • ai2html - a script to convert Adobe Illustrator files to HTML.
  • RIN is another template based on Gulp, SASS with Live Reload and more.
• Javascript
  • A cool test for knowledge of JavaScript from habrauzer bakhirev .
  • Cheerio is a fast and flexible server-side jQuery implementation.
  • underlineJS is a more elegant way to underline text.
  • Alasql.js is a client-side SQL-like database with support for localStorage, IndexedDB and Excel.
  • Yaspeller - a utility for checking typos in the text based on Yandex.Speller.
  • lz-string - LZ-based compression algorithm.
  • Msngr.js is a miniature library for developing instant messengers.
  • Stickshift is a simple and convenient interface for working with SQL.
• Php
  • PHP Must Watch - a collection of the best lecture videos and a PHP conference.
  • Mondrian is a Graph Theory static code analysis tool.
  • Regexpbuilderphp - human-readable regular expressions for PHP 5.3+.
• Python
  • Flashlight is a terrific project that transforms Spotlight on your Mac.
  • Mkcast is a great tool for creating GIF screencasts.
  • Vim Hackernews - Read HN with Vim.
• Ruby
  • Merit is a gem for the Rails reputation system (badges, points, achievements).
  • Ruby 2.2.1 release
  • We realize Enigma (the cryptographic machine of times of the Second World War) on Ruby.
  • Why blocks inhibit methods by 439% .
  • Writing a CLI application using GLI .
  • About the dangers of openuri .
• Go
  • Gore is a beautiful REPL for Go.
  • Gosms is your own local SMS gateway.
  • Termui is a library for creating CL dashboards.
  • OS is the easiest way to use Docker in production.
• Miscellaneous
  • oh-my-git - we improve visual perception of CL while working with Git.
  • Passenger 5.0.4 release - now can be used in production.
  • GTA2-WebGL is a project whose goal is to port GTA2 to the web.

For help in preparing the material, I express my deep gratitude to Alexander Maslov drakmail .

Friends backenders! I think everyone knows that I make my selections entirely on altruism. I always searched a bunch of sites so that I was always comfortable working. And at one point I decided to share the material found. Over time, collections have gained some popularity and expanded significantly in terms of content. From now on, I will clearly structure the block “Last”, so that people do not have to look for what they need. In order for the sections to not be bare and always filled with relevant information, I need your help. And the problem is not only in time, but also in competence. In terms of backend, I'm more a theorist than a practitioner.

Pshpshnik, rubist , pythonist, gooschikif you’re already monitoring GitHub Trending, Reddit, HackerNews or Twitter in search of interests and usefulness on your topic, if the found definitely has value, but does not deserve the attention of an entire post, if it’s not difficult for you once a week / two weeks depending on the material share a couple kilobytes of reference mass, then write to me in PM or any social. network from profile. Scribble in the main section at will. The name or contacts of the volunteers in each post will be indicated.

                                                         Previous compilation (Issue 39)

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

Thank you all for your attention.