Кілька цікавинок і корисностей для веб-розробника #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 — колекція статичних генератор.



Західні думки або що варто було б перевести на Хабре:



Говорять і показують вітчизняні ІТ ресурси:



Наостанок:

  • 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 — бібліотека для роботи з поштою.
    • 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)

Приношу вибачення за можливі помилки. Якщо ви помітили проблему — напишіть, будь ласка, в приват.

Спасибі всім за увагу.

Сподобалася Вам добірка?

/>
/>


<input type=«radio» id=«vv64479»
class=«radio js-field-data»
name=«variant[]»
value=«64479» />
Так
<input type=«radio» id=«vv64481»
class=«radio js-field-data»
name=«variant[]»
value=«64481» />
Немає

Проголосувало 9 осіб. Утрималося 4 людини.


Тільки зареєстровані користувачі можуть брати участь в опитуванні. Увійдіть, будь ласка.


Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.