Some interesting and useful things for web developer # 11

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

Node app

Have you ever thought about writing apps for iOS and OSX on Node.js? A project to solve this problem already exists. Moreover, some (albeit small) functionality is available now. I am writing about the project with the thought that the community is a significant unit of social coding ...

Scala.js

There are quite a few developers who prefer to create web on Scala, but JavaScript remains the most popular programming language. Apparently, that is why Scala.js was born - a Scala compiler in JavaScript with very well developed interoperability.
')

Hackathon starter

Wonderful boilerplate for Node.js projects. Basic registration via email, OAuth authorization (Twitter, Facebook, GitHub, Google), beautiful notifications on animate.css, LESS auto-compilation, Bootstrap 3 + Flat UI + iOS7 Theme, contact form and standard account management functionality.

Instantclick

Small (1.6 kb in gzip), but a very useful script that allows you to significantly speed up page loading. The thing is that the time interval between hover and click on the link averages 200 - 300 milliseconds (this can be seen on a special page ). Instantclick uses this time and starts uploading the document when hovering over the link. It uses pushState (HTML5 History API) and AJAX.

<a href="some-page.html" data-instant>Link</a> <!--    --> <a href="/blog/" data-no-instant>Blog</a> <!--   --> ... <script src="instantclick.min.js" data-no-instant></script> <script data-no-instant>InstantClick.init();</script> </body> </html> 

Dug.js - A JSONP to HTML Script

An elegant solution when working with JSONP if you want to display the latest comments from GitHub, Instagram or 500px shots, Dribble shots, pins from Pinterest or something else.

 <script> dug({ endpoint: 'http://api.dribbble.com/players/justinmezzell/shots', template: '<ul>\ {{#shots}}\ <li>\ <a href="{{url}}" title="{{title}}">\ <img src="{{image_400_url}}" alt="Image of {{title}}">\ </a>\ </li>\ {{/shots}}\ </ul>' }); </script> 

Editor is a simple and high-quality Markdown editor.

Finally:

• Codecombat is a very interesting idea - a gamified way of teaching programming.
  
  
• iCheck - custom cross-platform radio and checkbox buttons for jQuery and Zepto.
• Tether - it is easy and simple to bind absolutely positioned elements to each other.
  
• Hover.css - a large collection of realistic CSS animations, a worthy competitor animo.css.
• Epub.js - from now on, the eBook can be in your browser on any device.
• Math.js is an extensive library with many mathematical functions.
• Codebox - Open source cloud & desktop IDE.
• WordPress to Jekyll Exporter - due to the popularity of Jekyll, I decided to share this WP plugin.
• BitDeli - statistics on your GitHub account and repositories.
• Vafpress is a nice add-on to WordPress.
• Grafana - graphics and dashboards for the most insatiable.
• You might not need jQuery.

Previous selection (Release 10)

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