Frontend дайджест #4
Почитать
Как сделать на чистом CSS паралакс-сайт.
Как нативно поддержать адаптивные изображения.
Рисуем с помощью CSS в див-элементе.
Cписок псевдо-элементов для стилизации нативных контролов.
Разбор эффекта с полуфиксированным полем поиска.
Интересный подход для CSS-фреймворка, в котором используют DOM-атрибуты вместо классов.
Использование SVG-фильтров в помощь визуализации данных.
Большая статья про SVG-анимации.
Эпл порадовал поддержкой HTML5 в iOS8.
Производительность игр на iOS8.
О том, что кастомные элементы можно уже сегодня использовать в продакшне.
Будущее, загружаем шрифт из джс.
Опыт организации фронтенд-инфраструктуры.
Будущее, HTML5-окружение для программирования под Oculus Rift.
И вообще о джсе в железе.
Cубъективный анализ основных js-фреймворков.
Книга по SublimeText.
Посмотреть
Выступление автора библиотеки lo-dash по производительности JavaScript.
Продвинутые дебаг-техники в Хроме.
Будущее, ServiceWorkers.
Управление памятью в JS и видео.
Инструменты для верстальщика
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.
Демки
Часы на основе кривых Безье.
Качественно прожаренный инпут для редактирования чисел, с поддержкой клавиатуры.
Введение в 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;
До новых встреч. Присылайте интересные ссылки на почту [email protected] или бросайте в твиттер @kigorw.
← Предыдущий выпуск: Frontend дайджест #3.
Следующий выпуск: Frontend дайджест #5 →—>
Все про українське ІТ в телеграмі — підписуйтеся на канал DOU
1 коментар
Підписатись на коментаріВідписатись від коментарів Коментарі можуть залишати тільки користувачі з підтвердженими акаунтами.