Сучасна диджитал-освіта для дітей — безоплатне заняття в GoITeens ×
Mazda CX 30
×

Frontend дайджест #4

Почитать

Как сделать на чистом CSS паралакс-сайт.

Как нативно поддержать адаптивные изображения.

Рисуем с помощью CSS в див-элементе.

Cписок псевдо-элементов для стилизации нативных контролов.

Разбор эффекта с полуфиксированным полем поиска.

Интересный подход для CSS-фреймворка, в котором используют DOM-атрибуты вместо классов.

Использование SVG-фильтров в помощь визуализации данных.

Большая статья про SVG-анимации.

Эпл порадовал поддержкой HTML5 в iOS8.

Производительность игр на iOS8.

О том, что кастомные элементы можно уже сегодня использовать в продакшне.

Будущее, загружаем шрифт из джс.

Обучающий курс по ES6.

Опыт организации фронтенд-инфраструктуры.

Будущее, HTML5-окружение для программирования под Oculus Rift.

И вообще о джсе в железе.

Cубъективный анализ основных js-фреймворков.

Книга по SublimeText.

Посмотреть

Выступление автора библиотеки lo-dash по производительности JavaScript.

Продвинутые дебаг-техники в Хроме.

Будущее, ServiceWorkers.

Управление памятью в JS и видео.

Оптимизация CSS.

Инструменты для верстальщика

CSS selectors complexity and performance analyzer.

Редактор для новорожденного CSS Shapes, и сразу почитайте статью с экспериментами по этой теме.

LayerCraft — бесплатный плагин для Фотошопа, чтобы экспортировать картинки в разных размерах.

Хром-расширение — инспектор CSS-градиентов.

Библиотеки

DataCollection.js — библиотека для фильтрации и агрегации JSON-данных.

Hue Wheel — виджет для выбора цвета.

Pixi.js — webGL рендерер с фолбеком на canvas.

Cash — небольшая библиотека для работы с DOM. Переосмысливает `$`.

BareKit — фреймворк-не-фреймворк, структурный гид, стартер для проекта.

Cимпатичный алерт вместо стандартного.

Resemble.js — анализатор картинок, в тестировании может пригодиться.

Пополняемая подборка SVG-ресурсов.

Paths.js — удобное API для SVG-рисования.

Анимации SVG с помощью симпатичной библиотеки velocity.js.

Демки

Часы на основе кривых Безье.

SVG-лоадеры

Качественно прожаренный инпут для редактирования чисел, с поддержкой клавиатуры.

Введение в WebGL c помощью Three.js.

Остальное

Иконочный шрифт на тему стран и областей.

Верстальщики шутят:

New CSS proposal:
z-index: infinity;
z-index: infinity-plus-one;


До новых встреч. Присылайте интересные ссылки на почту [email protected] или бросайте в твиттер @kigorw.

← Предыдущий выпуск: Frontend дайджест #3.
Следующий выпуск: Frontend дайджест #5 →—>

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn



1 коментар

Підписатись на коментаріВідписатись від коментарів Коментарі можуть залишати тільки користувачі з підтвердженими акаунтами.
Будущее, загружаем шрифт из джс.
Нажал на ссылку только чтобы узнать что такое джс :) .

Підписатись на коментарі