Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
- Запись видео с Web Standards Days в Москве, 2017
- Подкаст Веб-стандарты, Выпуск №52: Moz://a, ввод дат, чек-лист, Webpack 2, React на веб-компонентах, суровый Unix, доступность.
- Веб-анимация в 2017-м
- Производительность:
- 33 способа ускорить ваш фронтенд в 2017 году
- Ускорение Lenta.ru: 3 человека, 2 недели, улучшение глубины просмотра на 27%
- Как радикально улучшить производительность вашего сайта (часть 1)
- HTML:
- Семантика HTML5: контентные типы и новые элементы
- HTML vs HTML5 – в чем разница?
- Правила использования ARIA в HTML
- Упрощаем верстку отзывчивых HTML писем с помощью MJML
- Нужен Lorem Ipsum? Внутри HTML?
- Service Workers:
- Кто ты такой, Service Worker?
- Offline-first для вашего шаблонизированного сайта (часть 2)
- Имплементация «Save For Offline» с помощью Service Workers
- Создание доступного вспомогательного тултипа
- Webpack Tutorial: разбираемся, как оно работает
- npm для новичков: руководство для разработчиков фронтенда
- Как мы должны загружать веб-компоненты?
- Иллюстрированные алгоритмы: Algorithm → AST → CSS (3 x JavaScript)
- Map Rollovers. Реализация эффекта наведения на SVG карте
CSS
- А если без JavaScript?
- Понимание процесса визуализации
- CSS-анимации: Transitions и Animations. Motion Path Module CSS
- Новый display:flow-root — не clearfix, но что это и зачем?
- Шпаргалка по Flexbox от Юли Бухваловой, с живыми демками и определениями из спеки
- Время clearfix хака подошло к концу?
- Давайте взглянем на 50+ интересных свойств и значений в CSS
- Простое использование CSS Grid
- Простая CSS анимация с помощью @keyframes
- Как создание сотен хип-хоп битов помогли мне понять HTML и CSS
- Пошаговое руководство по алгоритму автоматического размещения в CSS Grid
- Sass FUNction Demos
- Архитектура CSS для множественных сайтов с помощью SASS
- Мнения лидеров мнений бывают вредны
JavaScript
- Стандарт JavaScript
- Куда будут двигаться JavaScript фреймворки в 2017-м?
- Рефакторинг 30000 строк JS кода с помощью типов
- Полезность бесполезных JavaScript фреймворков
- Meteor в 2017
- Что нового в jQuery 3 || 17 добавленных фич и как их использовать
- Прототипное наследование в JS объясненное с помощью CSS
- JavaScript методы работы с массивами: изменяемые и неизменяемые
- Фильтрация и цепочки в функциональном JavaScript
- Как я написал самую быструю в мире библиотеку для мемоизации
- Работа с HTTP потоками с Cycle.js
- ES2015+:
- Async/await это шаг назад для JavaScript'a?
- Как использовать JavaScript Fetch API для получения данных
- Подготовсья к собеседованию по JavaScript: что такое промис?
- Регулярки ECMAScript будут ещё лучше!
- Предложение для ES: SharedArrayBuffer и atomics
- ES6 и не только: воркшоп в PayPal (январь 2017)
- Angular:
- Angular или React – попробуй и то и другое, оно того стоит
- Глубокое погружение в декораторы Angular
- Наше путешествие по миграции 100k строк кода с AngularJS на React (часть 1)
- Введение в Observable для Angular разработчиков
- React:
- Релиз React 15.5 и 16 Umbrella
- Лучше практики по написанию компонентов React
- Redux с React – первый взгляд
- Оптимизация производительности твоего React приложения (Optimizing the Performance of Your React Application)
- react-redux-universal-boilerplate
- Vue:
- Libs & Plugins:
- tilt.js — tilt-эффект с requestAnimationFrame и 60+fps
- qart.js — генератор QR кода объединяющего сам код и изображение
Браузеры
- Улучшения Chrome и Firefox ускорили перезагрузку страниц на 28-50%
- Релиз Firefox 51, + технические детали в блоге Марата Таналина
- Тестирование Firefox 52-beta и Firefox Developer Edition 53
- Выпуск web-браузера Chrome 56
- Новинки Safari, среди которых CSS Grid Layout
- Google Chrome и Mozilla Firefox сделают маркировки о безопасности сайтов более навязчивыми
Занимательное
- Следом за MongoDB начались атаки на CouchDB, Hadoop и ElasticSearch
- «Это был один из самых ужасных дней карьеры»: как ошибаются неопытные сотрудники IT-компаний
- Долгожители в сфере IT: самая старая из действующих программ и другие ветераны вычислительного труда
- История про плохого программиста, или Как не надо идти в IT
- Популярные технологии программирования в 2017 году — исследования Stack Overflow и других компаний
- Тренажёр по скоростному набору кода для программистов
- Эксперты IBM сделали пять предсказаний о жизни в 2022 г.
- Сложные люди в IT и что с ними делать?
- Почему крах Xiaomi похоронит идею доступных смартфонов
- Виталий Фридман: «Реклама не работает, ведь каждый третий читатель использует adblocker». Интервью с Виталием Фридманом, основателем, главным редактором Smashing Magazine.
- Дания назначит первого в мире «цифрового посла» для переговоров с Apple, Google и другими корпорациями
- Как WASD стала стандартной схемой управления на ПК
- Какие технологические уловки и хитрости используют современные детективы
- Следующая большая техническая революция произойдет в вашем ухе Facebook
- Робот доказал, что он не робот, обойдя соответствующую капчу
- Подразделения Alphabet, занимающиеся технологиями будущего, все еще убыточны, но убытки уменьшаются, а выручка растет
- Gmail будет блокировать прикреплённые .js файлы с 13-го февраля, 2017-го
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group