Dev-Feed

Beyond React – выступление Дэна Абрамова на JSConf Iceland ??, в котором он показывает новые экспериментальные API позволяющие строить высокопроизводительные React-приложения:

https://www.youtube.com/watch?v=v6iR3Zk4oDY

Большое руководство по созданию кроссплатформенных приложений на React Native, основанное на опыте команды разработки приложения F8 из Фейсбука

http://makeitopen.com/

Подборка книг по JavaScript для профессиональной разработки
**********************************************
1. Secrets of the JavaScript Ninja, 2nd Edition
Author: John Resig, Bear Bibeault, Josip Maras
Pub Date: 2016

2. JavaScript by Example: Modern JavaScript Programming with Real World Web Apps
Author: Dani Akash S
Pub Date: 2017

3. JavaScript-mancy: Object-Oriented Programming
Author: Jaime González García, Artur Mizera
Pub Date: 2017

4. JavaScript: Optimizing Native JavaScript
Author: Robert C. Etheredge
Pub Date: 2017

5. Pro HTML5 Games: Learn to Build your Own Games using HTML5 and JavaScript, 2nd Edition
Author: Aditya Ravi Shankar
Pub Date: 2017

6. JavaScript: Novice to Ninja, 2nd Edition
Author: Darren Jones
Pub Date: 2017

Мегакрутой экстеншен для фотошопа, расширяющий возможности программы, благодаря двенадцати новым инструментам:
● Распределение по горизонтали:
Этот инструмент распределяет все выделенные слои по горизонтали, через равные интервалы, относительно крайнего левого и крайнего правого элемента.
● Распределение по вертикали
Этот инструмент распределяет все выделенные слои по вертикали, через равные интервалы, относительно крайнего верхнего и крайнего нижнего элемента элемента.
● Центрирование
Как следует из названия, этот инструмент просто устанавливает выделенный слой по центру документа, как по вертикали, так и по горизонтали
● Переименование слоев
Этот инструмент переименовывает все (!) слои в активном документе, в том числе в группах. Скрипт запрашивает шаблон имени слоя, а затем переименовывает и нумерует слои (сверху вниз или снизу вверх).
● Сортировка слоев
Этот инструмент сортирует все слои в активном документе в буквенно-цифровой последовательности (сверху вниз или снизу вверх)
● Поиск слоя
Эта программа ищет все слои по именам и выбирает первый подходящий.
● Скрытие слоёв
Простой инструмент, который скрывает (выключает) все слои в активном документе.
● Показ слоёв
Простой инструмент, который показывает (включает) все слои в активном документе.
● Импортировать папку как слои
Этот инструмент добавляет серию изображений из выбранной папки в новый документ. Все слои именуются в соответствии с файлами, которые они представляют.
● Слои Comps(?)
Этот инструмент просто создает композиции слоев для каждого слоя в активном документе.
● Дублирование изображения
Этот инструмент имеет все те же функции, как и родная команда дублирования изображений в Photoshop, но добавляет возможность ввести число дубликатов.
● Генератор массивов
Этот инструмент создает двумерный массив из клонированных объектов на основе выбранного слоя или группы. Интерфейс также позволяет вам указать количество строк и столбцов, а также горизонтальное и вертикальное расстояние между объектами.
В прикрелённом архиве две версии для CS5 и CS6.
Запускается через File>Scripts

Анимированное увеличение толщины шрифта при наведении на ссылку

http://nisnom.com/veb-razrabotki/animir ...

Разработка с TDD и Vue.js: начало процесса

https://webformyself.com/razrabotka-s-t ...

Сортировка колонок таблицы без JavaScript с помощью CSS-переменных, новый эксперимент Романа Комарова

http://kizu.ru/en/blog/variable-order/

Видео-курс по основам работы с CSS Grid:

CSS Grid #0 Введение в курс (Introduction)
CSS Grid #1 Свойство display-grid
CSS Grid #2 Свойство grid-template-columns и создание 3х колоночного макета
CSS Grid #3 Grid-lines и управление размерами и позицией grid-элемента
CSS Grid #4 - Именование grid-lines, создание сетки, позиционирование элементов
CSS Grid #5 Выравнивание внутри grid-элементов (Alignment)
CSS Grid #6 Выравнивание внутри grid-контейнера (Alignment Part II)
CSS Grid #7 Свойство grid-auto-flow и значения dense и order
CSS Grid #8 Вложенность grid элементов
CSS Grid #9 Свойства auto fill и auto fit
CSS Grid #10 Создание макета (Layout creation)

Мастер-класс "Эффекты драга"

Рассмотрим функционал перетягивания элементов (драг), а так же разберем визуальный эффект. Обсудим, где и когда можно применять эти эффекты!
Код с вебинара: https://github.com/wowua/drag-webinar

О функциональном программировании во фронтенде

https://goo.gl/6Kf2kX

micron.js, библиотека с декларативным API для добавления микроанимаций как обратной связи в интерфейсе

https://webkul.github.io/micron/

Очень простое руководство по CSS3-анимациям

https://goo.gl/mPbRRw

7 Secret Patterns Vue Consultants Don’t Want You to Know - Chris Fritz

https://youtu.be/7lpemgMhi0k

Hover эффекты с определением направления движения курсора – разбор на css-tricks

https://css-tricks.com/direction-aware- ...

Данная часть полностью посвящена настройке webpack:

Установка и базовая настройка webpack
Настройка babel
Настройка препроцессора pug
Настройка scss с компиляцией в отдельный css файл

Реализация легендарной игры «Жизнь» (100 строк кода)

#JavaScript

Программирование под Android / Programming Android: Java Programming for the New Generation of Mobile Devices
Авторы: Зигард Медникс, Лайрд Дорнин


В этой книге подробно рассказано о последних наработках в области программирования для Android. Тщательно изучив ее, вы научитесь создавать современные пользовательские интерфейсы как для мобильных телефонов, так и для планшетов. Книга рассказывает об инструментарии Android и важнейших практиках программирования для этой системы, в частности, рассматривает оптимальные способы использования API для Android 4.

#литература для дизайнера

Онлайн генератор паролей на Vue.js

http://nisnom.com/veb-razrabotki/onlajn ...

Мастер-класс "Написание игры 2048 на React.js"