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

в 12:00, , рубрики: css, html, javascript, веб-дизайн, Веб-разработка

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

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

Несколько интересностей и полезностей для веб-разработчика #36 - 1
Я думаю многие из вас знакомы с потрясающими демками от 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

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

Flarum

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

Redacted Font

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

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

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

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

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

Напоследок:

  • HTML/CSS
    • Icono — коллекция иконок на чистом CSS состоявших из одного элемента.
      Несколько интересностей и полезностей для веб-разработчика #36 - 6
    • 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
  • Разное

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

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

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

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

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

Автор: ilusha_sergeevich

Источник


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js