Несколько интересностей и полезностей для веб-разработчика #38

Доброго времени суток, уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Awesome-react ^[1]

Традиционная «awesome» коллекция полезных ресурсов для ~~завоевавшего сердца миллионов~~ фреймворка React.js.

^[2]
Вероятно самый подробный справочник по CSS от авторов Codrops с их удивительными HTML/CSS/SVG реализациями. Помимо того, что данный перечень CSS описывает все самые новые свойства, псевдо-классы, функции, типы, правила, он также содержит информация по последним концептам от W3C.

MProgress.js ^[3]

Прогресс бар в стиле Material Design на CSS3 и ванильном JavaScript без зависимостей от сторонних библиотек.

Aurelia ^[4]

^[4]
Современный JavaScript фреймворк, который разработал Rob Eisenberg, бывший участник команды AngularJS. Ключевые моменты на которые был сделан акцент: поддержка разных ES5, ES6, TypeScript, AtScript и CoffeeScript, модульность, возможность использования веб-компонентов, 2-сторонний data-binding и тестируемость. Проект буквально за несколько дней собрал более 1000 звезд.

Is.js ^[5]

Крошечная JavaScript библиотека для проверки типов. Также еще существует аналогичный Types.js ^[6].

var getArguments = function() {
    return arguments;
};
var arguments = getArguments();

is.arguments(arguments);
=> true

is.not.arguments({foo: 'bar'});
=> true

is.all.arguments(arguments, 'bar');
=> false

is.any.arguments(['foo'], arguments);
=> true

// 'all' and 'any' interfaces can also take array parameter
is.all.arguments([arguments, 'foo', 'bar']);
=> false

Webogram ^[7] — порт Telegram для веб

^[7]

Vivaldi Browser ^[8]

^[8]

Западные мысли или что стоило бы перевести на Хабре:

What happens when... ^[9]
Let's make a Mario game ^[10]
Compositing And Blending In CSS ^[11]
JavaScript Application Architecture On The Road To 2015 ^[12]
The State of Web Type ^[13]
Redefining Lazy Loading With Lazy Load XT ^[14]
Reframing Accessibility for the Web ^[15]
Top 10 Things We Learned While Building Foundation for Apps ^[16]
AngularJS’ Internals In Depth ^[17]
Animating the Mobile Web ^[18]
Tips For Optimising SVG Delivery For The Web ^[19]
Images Are King: An Image Optimization Checklist for Everyone in Your Organization ^[20]
Use SVG (Part 1 ^[21], Part 2 ^[22])
Lessons Learned Building A Productized Service ^[23]
Live Font Interpolation on the Web ^[24]
The Invisible Interface ^[25]
Breaking Up With Your Clients The Mathematical Way ^[26]
My First Customer is Now Dead ^[27]
Inside Microsoft’s New Rendering Engine For The “Project Spartan” ^[28]

Говорят и показывают отечественные ИТ ресурсы:

«В поисках идеального JavaScript-фреймворка» ^[29] от Frontender.info.
«Свойства и методы прототипа» ^[30]
«Боремся с проблемой this в конструкторах» ^[31] от Forwebdev.ru.
«PostgreSQL vs MySQL» ^[32] от zabivator ^[33]
«Postgres расправляет плечи» ^[34] от x-wao ^[35]
«Делаем игру 2048 на AngularJS» ^[36] от SLY_G ^[37]
«Философия Ember.js» ^[38] от Tonkonozhenko ^[39]
«Баг в CSS Chrome, разрушивший наш сайт» ^[40] от alexandfox ^[41]
«Главное преимущество Go» ^[42] от divan0 ^[43]
«Вычисление факториала на числах Чёрча» ^[44] от f0rk ^[45]
«Неперсонализированные рекомендации: метод ассоциаций» ^[46] от madcat1991 ^[47]
«WebSocket RPC или как написать живое WEB приложение для браузера» ^[48] от orlovdl ^[49]
«Революция PHP7: Типы возвращаемых значений и удаление артефактов» ^[50]
«Паттерн «Репозиторий». Основы и разъяснения» ^[51] от iGusev ^[52]
«Быстрый голосовой набор на Asterisk» ^[53] от antirek ^[54]
«Полная кастомизация select без использования JS» ^[55] от Cyapa ^[56]
«Визуализация многомерных данных с помощью диаграмм Эндрюса» ^[57] от galvanom ^[58]
«Нетрадиционный обзор AngularJS» от ^[59]freetonik ^[60]
«ReactJS для глупых людей» ^[61]
«Flux для глупых людей» ^[62] от ElianL ^[63]

Напоследок:
- HTML/CSS
  - HTML5 ★ Boilerplate 5.0 ^[64]
  - Andy ^[65] — коллекция полезных SASS миксинов.
  - RSCSS ^[66] — «разумный стандарт структуры CSS».
- JavaScript
  - Node v0.12.0 (Stable) ^[67]
  - System.js ^[68] — universal dynamic module loader.
  - Kefir.js ^[69] — библиотека для функционального реактивного программирования, вдохновленный Bacon.js и RxJS.
  - React Tween State ^[70] — анимации для фреймворка React.
  - Lambdaws ^[71] — позволяет отправлять на вычисление массивные функции в Amazon AWS Lambda.
  - Gif.js ^[72] — GIF encoding library.
  - Matter.js ^[73] — еще один физический 2D движок.
  - TMI ^[74] — CL утилита для анализа размера изображений.
- PHP
  - Laravel 5.0 ^[75]
  - Underscore.php ^[76] — отредактированный порт Underscore.js.
  - Utilphp ^[77] — коллекция полезных функций и снипетов.
- Python
  - Pundler ^[78] — пакетный менеджер.
  - Pyenv ^[79] — менеджер версий.
  - Dshell ^[80] — network forensic analysis framework (разрабочик
    US Army Research Laboratory).
- Ruby
  - ClassyJSON ^[81] – классная библиотека, которая конвертирует JSON в объекты.
  - Amoeba ^[82] — глубокое копирование ActiveRecord объектов.
  - Ruby Flow перезапустился ^[83].
  - Gorails ^[84] — множество скринкастов про рельсы.
  - Материал по Volt ^[85] — веб-фреймворк, где серверный и клиентский код пишется на Ruby.
- Go
  - AWS SDK приходит в мир Go ^[86].
  - Package Names ^[87] — статья о том, как правильно называть пакеты.
  - Neo веб-фреймворк ^[88].
- Разное
  - Drunk Test ^[89] — тестируем сайт на юзабилити для пьяных пользователей. Хороший прикол, отличная реализация.
    ^[89]
  - Hurl.it ^[90] — Make HTTP Requests.
  - Бесплатная тестовая сборка WebStorm 10 ^[91].
  - TIL ^[92] (Today I Learned) — что нового узнали сегодня ThoughBot.
  - CSS3Font ^[93] – больше нет нужды в Font Squirrel.
  - GitHunt ^[94] — ProductHunt для GitHub.
Предыдущая подборка (Выпуск 37) ^[95]

Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.

Спасибо всем за внимание.

Автор: ilusha_sergeevich

Источник ^[96]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/82099

Ссылки в тексте:

[1] Awesome-react: https://github.com/enaqx/awesome-react

[2] CSS Reference: http://tympanus.net/codrops/css_reference/

[3] MProgress.js: https://github.com/lightningtgc/MProgress.js

[4] Aurelia: https://github.com/aurelia/framework

[5] Is.js: https://github.com/arasatasaygin/is.js

[6] Types.js: https://github.com/phazelift/types.js

[7] Webogram: https://github.com/zhukov/webogram

[8] Vivaldi Browser: https://vivaldi.com/

[9] What happens when...: https://github.com/alex/what-happens-when

[10] Let's make a Mario game: http://processingjs.nihongoresources.com/test/PjsGameEngine/docs/tutorial/mario.html

[11] Compositing And Blending In CSS: http://sarasoueidan.com/blog/compositing-and-blending-in-css/

[12] JavaScript Application Architecture On The Road To 2015: https://medium.com/@addyosmani/javascript-application-architecture-on-the-road-to-2015-d8125811101b

[13] The State of Web Type: http://stateofwebtype.com/

[14] Redefining Lazy Loading With Lazy Load XT: http://www.smashingmagazine.com/2015/02/03/redefining-lazy-loading-with-lazy-load-xt/

[15] Reframing Accessibility for the Web: http://alistapart.com/article/reframing-accessibility-for-the-web

[16] Top 10 Things We Learned While Building Foundation for Apps: http://zurb.com/article/1369/top-10-things-we-learned-while-building-f

[17] AngularJS’ Internals In Depth: http://www.smashingmagazine.com/2015/01/22/angularjs-internals-in-depth/

[18] Animating the Mobile Web: http://engineeringblog.yelp.com/2015/01/animating-the-mobile-web.html

[19] Tips For Optimising SVG Delivery For The Web: http://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web/

[20] Images Are King: An Image Optimization Checklist for Everyone in Your Organization: http://calendar.perfplanet.com/2014/images-are-king-an-image-optimization-checklist-for-everyone-in-your-organization/

[21] Part 1: http://dbushell.com/2015/01/26/use-svg-part-1/

[22] Part 2: http://dbushell.com/2015/01/30/use-svg-part-2/

[23] Lessons Learned Building A Productized Service: http://www.smashingmagazine.com/2015/01/16/lessons-learned-building-a-productized-service/

[24] Live Font Interpolation on the Web: http://alistapart.com/article/live-font-interpolation-on-the-web

[25] The Invisible Interface: http://spaceandtim.es/posts/the-invisible-interface

[26] Breaking Up With Your Clients The Mathematical Way: http://line25.com/articles/breaking-up-with-your-clients-the-mathematical-way

[27] My First Customer is Now Dead: https://www.linkedin.com/pulse/my-first-customer-now-dead-james-altucher

[28] Inside Microsoft’s New Rendering Engine For The “Project Spartan”: http://www.smashingmagazine.com/2015/01/26/inside-microsofts-new-rendering-engine-project-spartan/

[29] «В поисках идеального JavaScript-фреймворка»: http://frontender.info/perfect-javascript-framework/

[30] «Свойства и методы прототипа»: http://forwebdev.ru/javascript/prototype-properties-methods/

[31] «Боремся с проблемой this в конструкторах»: http://forwebdev.ru/javascript/dealing-with-this/

[32] «PostgreSQL vs MySQL»: http://habrahabr.ru/company/mailru/blog/248845/

[33] zabivator: http://habrahabr.ru/users/zabivator/

[34] «Postgres расправляет плечи»: http://habrahabr.ru/company/mailru/blog/248689/

[35] x-wao: http://habrahabr.ru/users/x-wao/

[36] «Делаем игру 2048 на AngularJS»: http://habrahabr.ru/post/249371/

[37] SLY_G: http://habrahabr.ru/users/sly_g/

[38] «Философия Ember.js»: http://habrahabr.ru/post/249195/

[39] Tonkonozhenko: http://habrahabr.ru/users/tonkonozhenko/

[40] «Баг в CSS Chrome, разрушивший наш сайт»: http://habrahabr.ru/post/243909/

[41] alexandfox: http://habrahabr.ru/users/alexandfox/

[42] «Главное преимущество Go»: http://habrahabr.ru/post/248857/

[43] divan0: http://habrahabr.ru/users/divan0/

[44] «Вычисление факториала на числах Чёрча»: http://habrahabr.ru/post/248331/

[45] f0rk: http://habrahabr.ru/users/f0rk/

[46] «Неперсонализированные рекомендации: метод ассоциаций»: http://habrahabr.ru/company/ivi/blog/247813/

[47] madcat1991: http://habrahabr.ru/users/madcat1991/

[48] «WebSocket RPC или как написать живое WEB приложение для браузера»: http://habrahabr.ru/post/248507/

[49] orlovdl: http://habrahabr.ru/users/orlovdl/

[50] «Революция PHP7: Типы возвращаемых значений и удаление артефактов»: http://habrahabr.ru/post/248721/

[51] «Паттерн «Репозиторий». Основы и разъяснения»: http://habrahabr.ru/post/248505/

[52] iGusev: http://habrahabr.ru/users/igusev/

[53] «Быстрый голосовой набор на Asterisk»: http://habrahabr.ru/post/248263/

[54] antirek: http://habrahabr.ru/users/antirek/

[55] «Полная кастомизация select без использования JS»: http://habrahabr.ru/post/248243/

[56] Cyapa: http://habrahabr.ru/users/cyapa/

[57] «Визуализация многомерных данных с помощью диаграмм Эндрюса»: http://habrahabr.ru/post/248623/

[58] galvanom: http://habrahabr.ru/users/galvanom/

[59] «Нетрадиционный обзор AngularJS» от : http://habrahabr.ru/company/hexlet/blog/249793/

[60] freetonik: http://habrahabr.ru/users/freetonik/

[61] «ReactJS для глупых людей»: http://habrahabr.ru/post/249107/

[62] «Flux для глупых людей»: http://habrahabr.ru/post/249279/

[63] ElianL: http://habrahabr.ru/users/elianl/

[64] HTML5 ★ Boilerplate 5.0: https://html5boilerplate.com/

[65] Andy: https://github.com/gillesbertaux/andy

[66] RSCSS: https://github.com/rstacruz/rscss

[67] Node v0.12.0 (Stable): http://blog.nodejs.org/2015/02/06/node-v0-12-0-stable/

[68] System.js: https://github.com/systemjs/systemjs

[69] Kefir.js: https://github.com/pozadi/kefir

[70] React Tween State: https://github.com/chenglou/react-tween-state

[71] Lambdaws: https://github.com/mentum/lambdaws

[72] Gif.js: https://github.com/jnordberg/gif.js

[73] Matter.js: https://github.com/liabru/matter-js

[74] TMI: https://github.com/addyosmani/tmi

[75] Laravel 5.0: https://github.com/laravel/laravel

[76] Underscore.php: https://github.com/Anahkiasen/underscore-php

[77] Utilphp: https://github.com/brandonwamboldt/utilphp

[78] Pundler: https://github.com/Deepwalker/pundler

[79] Pyenv: https://github.com/yyuu/pyenv

[80] Dshell: https://github.com/USArmyResearchLab/Dshell

[81] ClassyJSON: https://github.com/allcentury/classy_json

[82] Amoeba: https://github.com/amoeba-rb/amoeba

[83] Ruby Flow перезапустился: http://www.rubyflow.com/

[84] Gorails: https://gorails.com

[85] Материал по Volt: http://www.sitepoint.com/real-time-web-apps-volt-ruby/

[86] AWS SDK приходит в мир Go: http://aws.amazon.com/blogs/aws/coming-soon-aws-sdk-for-go/

[87] Package Names: http://blog.golang.org/package-names

[88] Neo веб-фреймворк: https://github.com/ivpusic/neo

[89] Drunk Test: http://drunkusertesting.com/

[90] Hurl.it: https://www.hurl.it/

[91] WebStorm 10: http://blog.jetbrains.com/webstorm/2015/02/webstorm-10-eap/

[92] TIL: https://github.com/thoughtbot/til

[93] CSS3Font: https://github.com/BGundlach/css3fonts

[94] GitHunt: http://githunt.io/

[95] Предыдущая подборка (Выпуск 37): http://habrahabr.ru/post/248715/

[96] Источник: http://habrahabr.ru/post/249783/

Нажмите здесь для печати.

Несколько интересностей и полезностей для веб-разработчика #38

Awesome-react [1]

CSS Reference [2]

MProgress.js [3]

Aurelia [4]

Is.js [5]

Webogram [7] — порт Telegram для веб

Vivaldi Browser [8]