Frontend Digest #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.

Остальное

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

Обновлённый Photoshop получил отдельное окно экспорта слоёв с поддержкой SVG, кратных размеров и повторного экспорта pic.twitter.com/6Xg3CPq4qN

— Веб-стандарты (@webstandards_ru) October 6, 2014

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

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


До новых встреч. Присылайте интересные ссылки на почту kigorw@gmail.comили бросайте в твиттер @kigorw.

← Предыдущий выпуск: Frontend дайджест #3.