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

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

Лучшее от Codrops за 2014 год

Я думаю многие из вас знакомы с потрясающими демками от Codrops. Авторы сайта буквально всегда реализуют интереснейшие UI/UX задумки с помощью HTML/CSS/SVG/JS и подробно рассказывают о том, как они это сделали. А это их собственная мега подборка с лучшими работам. Также рекомендую для вдохновения коллекцию самых популярных пэнов за 2014 год от CodePen.

TremulaJS

TremulaJS: Picture Streams + Momentum Engine + Bézier Paths + Multi-Device. Эту библиотеку даже не хочется называть заезженным словом слайдер. Это аниматор контента, который по каким-то причинам получил незаслуженно мало звезд на GitHub. Результат с Tremula получается очень быстрым (как Velocity) и эффектным, о чем свидетельствуем видео. Страница с конструктором компонентов находится здесь.

Sortable.js

Бывает когда в интерфейсе требуется реализация тяни-бросай, но совсем не хочется ради этого подключать массивные jQuery и jQuery UI. И на замену приходит великолепный Sortable.js, который не зависит от сторонних библиотек, весит около 10 Кб, работает на нативном Drag’n’Drop API, имеет множество опций и хорошую событийную модель и плюс ко всему прекрасно совместим с Angular, Meteor, Bootstrap и т.д. А еще он написан хабравчанином RubaXa из Mail.ru.

Flarum

Австралийский разработчик esoTalk переосмыслил классическое понимание форума и создал кампанию на KickStarter с целью созданию Flarum. К сожалению, проект не собрал требуемую сумму, но сама идея и революционный для форума интерфейс определенно заслуживает внимания. Поэтому Flarum отправился в свободное плавание на GitHub. Серверная часть пишется на PHP с Laravel, в клиентской части стоит Ember.

Redacted Font

Весьма специфичный шрифт, который может пригодиться как при прототипировании, так и в любом другом месте, где нужно схематично изобразить контент. К примеру Facebook до полной загрузки содержимого в постах отображает контент похожим образом. Кстати я уже когда-то писал про похожий Blokk Font. Но Redacted лучше — это два разных типа со множеством стилей.

StaticGen — коллекция статических генераторов.

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

• How To Migrate To HTTPS
• The 12 most popular web performance posts of 2014
• Designing For Print With CSS
• Practical Functional Javascript with Ramda
• How we made editing Wikipedia twice as fast
• Creating Your First Desktop App With HTML, JS and Node-WebKit
• Grid System Comparison: Bootstrap 3 vs. Foundation 5
• An Overview of SVG Sprite Creation Techniques
• How to Scale SVG
• Responsive and Infinitely Scalable JS Animations
• Keeping CSS short with currentColor
• PHP Tips, Resources and Best Practices for 2015
• Visualize Your Code’s Quality with PhpMetrics
• Developing PHP Extensions with C++ and PHP-CPP: Advanced
• E-Commerce Checkouts Need to Mark Both Required and Optional Fields Explicitly (Only 9% Do So)
• Push It! Making Your CTA Buttons More Clickable
• The Most Important Design Lessons Of 2014
• The Top UX Predictions for 2015
• Animation & UX Resources
• From Empathy to Advocacy
• A Checklist for Content Work

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

• «Спецификации HTML5 W3C и WHATWG — документированные различия»
  «Долговременная веб-семантика» от CSS Live.
• «Руководство по использованию Grunt для начинающих: пересмотренное издание»
  «Нативная связь данных в JavaScript» от Frontender Magazine.
• «Не проверив HTML5-кода, не суйся в воду — с Майком™ Смитом»
  «Исследуем большие экраны» от Веб-стандарты.
• «10 самых распространённых ошибок при программировании на JavaScript» от ZaValera
• «58 признаков хорошего интерфейса» от SLY_G
• «Тренды JavaScript на 2015 год» от kichik
• «Одиннадцатиклассница, или тестируем баги вёрстки» от Diokuz
• «Доступ к контенту iFrame с другого домена» от Cher
• «SageMathCloud — мечта для любителей Python, математики и Linux» от AndreWin
• «Pillow 2.7 — Существенное улучшение качества и производительности» от homm
• «PHP 7 получит в два раза более эффективный Hashtable» от MilkyWay
• «Одностраничный магазин на Phalcon PHP + AngularJS. Работа над ошибками» от chuikoffru
• «REST API за пару минут с Lionframe» от hospect
• «em-dosbox и 50 подарков на новый год» от Caiiiycuk
• «DOM-а хватит на всех, или как помирить ReactJS с тем фактом, что сторонние библиотеки меняют его DOM» от diogene
• «jQuery для мобильных устройств, все за и против» от AkpoFlash

Напоследок:

• HTML/CSS
  • Icono — коллекция иконок на чистом CSS, состоявших из одного элемента.
    
  • normalize-opentype.css — дополняет normalize.css возможностями OpenType (наилучший пример работы свойства font-feature-settings).
  • Kouto Swiss — отличный фреймворк для Stylus.
  • Amazeui — мощный фреймворк, основанный на принципах компонентного веба.
  • Onsen UI — еще один компонетный фреймворк для работы с PhoneGap.
• JavaScript
  • randomColor.js — генератор случайного цвета.
  • Vue.js — гибкий и реактивный MVVM фреймворк.
  • Engine.js — движок для 3D игр.
  • Formula.js — реализация самых популярных формул MS Excel в JavaScript.
  • Raneto — markdown powered knowledgebase for Node.js.
  • Vegas.js — jQuery плагин для создания фонового полноэкранного слайдера.
  • intl-tel-input — jQuery плагин для валидации телефонных номеров.
  • perfBar.js — библиотека для анализа производительности сайта.
  • Slimer.js — скриптовой браузер как PhantomJS, только в основе Gecko.
• PHP
  • PHPMailer — библиотека для работы с email.
  • Deployer — инструмент для развертывания проектов.
  • Glide — библиотека для различных манипуляция с изображениями.
  • Humbug — Mutation Testing.
• Python
  • Pythonpy — усовершенствуем CL для работы с Python.
  • Algorithms — data structures and algorithms.
  • Wifiphisher — автоматизация фишинговых атак на WiFi.
• Ruby
  • Cancancan — «Continuation of CanCan», гем для авторизации.
  • Algorithms — algorithms playground for common questions.
• Go
  • Hyperfox — ecurity tool for proxying and recording HTTP and HTTPs traffic.
  • SSH Chat — чат над SSH (статья на Medium).
  • Nintengo — NES эмулятор.
• Разное
  • Search Code — поисковик по коду, совмещающий поиск по GitHub, BitBucket, Google Code, CodePlex, Sourceforge и Fedora Project.
    
  • Awesome Courses
  • Nginx Resources
  • Git Game — гиковская СL игра в Git.

Друзья бэкендеры! Я думаю всем известно, что свои подборки я делаю полностью на альтруизме. Я всегда прошаривал кучу сайтов, чтобы мне всегда было удобно работать. А в один момент я решил делиться найденным материалом. Со временем подборки обрели некую популярность и значительно расширились в плане содержания. Отныне я буду четко структурировать блок «Напоследок», дабы людям не приходилось искать нужное. Для того чтобы разделы не были голыми и всегда наполнялись актуальной информацией, мне требуется ваша помощь. И проблема не только во времени, но и в компетенции. В плане бэкенда я скорее теоретик, чем практик.

Пхпшник, рубист, питонист, гоущик, если ты уже мониторишь GitHub Trending, Reddit, HackerNews или Twitter в поисках интересностей и полезностей по своей теме, если найденное определенно имеет ценность, но не заслуживает внимание целого поста, если тебе не трудно раз в неделю/в две недели в зависимости от материала делиться парой килобайт ссылочной массы, то напиши мне в личку или любую соц. сеть из профиля. Писанина в основной раздел по желанию. Имя или контакты волонтеров в каждом посту обязательно будут указаны.

                                                         Предыдущая подборка (Выпуск 35)

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

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