Дайджест свежих материалов из мира фронтенда за последнюю неделю №270 (3 — 9 июля 2017)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка |
CSS |
Javascript |
Занимательное |
Веб Разработка
-
10 способов протестировать ваши навыки работы с HTML и CSS -
Реальные отзывы о доступности в вебе, собранные из Твиттера - Медиа:
- Подкаст «Веб-стандарты Выпуск №75»: Пора ли гриды, Edge и IE, сетки и стримеры, будущее CSS is awesome, примеры ARIA, фокус и аутлайн, JS-импорты, подкасты.
- Подкаст «Пятиминутка React» #24: Русскоязычные подкасты про фронтенд — краткий обзор.
- Подкаст «Фронтерки» №6: Симоненко, джуниоры и самое интересное в проекте
- Подкаст «Frontend Weekend» FW #10: Про переезд в Люксембург, WebGL, феминизм и Навального
-
HTML Шорты: Как фокус помогает -
Адаптивная верстка 5 лет спустя / Сергей Кузнецов (AGIMA) -
Make form validation fun again / Павел Ловцевич (LOVATA)
- Инструменты:
-
6 генераторов шаблонов на SVG -
Micro frontends — микросервисный подход к разработке фронтенда -
4 полезных инструмента для отладки в последнем апдейте Chrome
-
- Анимация:
-
Еженедельный стрим от Юрия Артюха #6 ALL YOUR HTML: анимированные треугольники ▲ через CSS-Canvas2D-WebGL -
Морфинг SVG (легкий и сложный пути) -
Повторяющаяся, чередующаяся анимация, три способа: Sass, GSAP и Web Animations API -
Креативные идеи для анимации букв (часть 2)
-
- AMP/PWA:
- Отдайте нам ваши статьи. Борис Ребров о современных нативных статьях, которыми, вслед за Facebook, с его Instant Articles, обзавелся Google (AMP), а недавно и Telegram.
-
Ваш сайт — любой сайт — должен быть PWA -
Как превратить ваш сайт в PWA -
Руководство для новичка по созданию Progressive Web Apps -
Прогрессивные прогрессивные веб-приложения. Создание читалки новостей в PWA. -
Надувательство AMP. Несколько примеров неоднозначной реализации компонентов AMP
CSS
-
Правда ли уже пора использовать CSS Grid Layout? -
Нативные переменные в CSS. Уже пора… - Как правильно использовать переменные в препроцессорах LESS и SASS
-
Что будет в CSS? Таблица со списком функций CSS и их позиций в процессе внедрения веб-стандартов -
Возможности автоматической генерации CSS стайлгайдов -
Лучшие книги по CSS в 2017 -
Подробная статья о схлопывающихся отступах margin -
Создание мега-меню с помощью Flexbox -
Отзывчивая галерея с помощью CSS Grids от yoksel -
CSS is Awesome. Крис Койер о решении проблемы, подразумевающейся в популярном принте -
Стал ли CSS более сложным с конца девяностых? -
Разбор вопросов для собеседования по CSS -
Свежая подробная статья о PostCSS
JavaScript
-
Мемоизация в JS и ускорение функций -
ArrayBuffer и SharedArrayBuffer в JavaScript, часть 3: гонки потоков и Atomics -
Усталость от JavaScript, или моя история веб-разработки -
Отладка JavaScript – console.loggerheads? -
npm — это новый jQuery? -
5 инструментов для отладки, о которых должен знать каждый JS разработчик -
Начинаем использовать Mocha для тестирования в Javascript -
Должны ли пользователи иметь возможность отключить JavaScript? -
Изучение и понимание рекурсии в JavaScript -
Создание биндинга данных в браузере - VueJS:
-
5 приемов в помощь разработке на vue.js + vuex - Создание потрясающих диаграмм с Vue.js и Chart.js
- Маршрутизация Vue.js с помощью vue-router
-
Выложены записи видео с VueConf -
Vue.js, JS фреймворк для людей -
curated.vuejs.org — курируемый каталог лучших пакетов для приложений на Vue -
route-planner-vue — планировщик маршрутов на vue.js, vuex -
Создание компонента с кастомной Google картой с помощью Vue.js
-
- React:
- Пример серверного рендеринга: прокачиваем email-рассылку при помощи React
-
Gatsby — быстрый генератор статического сайта для React. Быстрый взгляд на Gatsby -
real-world-react — приложения на React из реального мира, с исходниками и пояснениями для изучения технологии по живому коду -
Некоторые мысли о формах в React -
terminal-in-react — небольшой компонент, который рендерит терминал -
Rebass — UI библиотека компонентов для React, созданных с помощью styled-components
- Angular:
-
AngularJS и ESLint Airbnb Style Guidelines: некоторые правила должны быть сломаны -
Angular: плохие практики -
Стимуляция производительности вашего приложения на Angular 4 -
Очень глубокое погружение в компилятор Angular
-
- Libs & Plugins:
-
frontexpress — простой роутер на ванильном JavaScript a la ExpressJS -
size-limit — инструмент, предотвращающий увеличение веса JS библиотек путем добавления ограничения на размер -
Введение в date-fns — легкую JavaScript библиотеку для работы с датой
-
Занимательное
- 6 самых громких хакерских атак 2017 года
- Великое Криптослияние: как криптовалюты учат «говорить» друг с другом
- Технологии Microsoft: от десятилетней изоляции до возрождения
- Не все так просто с Petya
- Как у Словакии украли национальный домен верхнего уровня .SK
- Провайдер деактивирует аккаунт пользователя через 20 лет из-за слишком необычного адреса email
- AMD Ryzen — когда красные восстали из пепла
- Как компьютерные профи раскалывают хакеров
-
Как студенты используют Wolfram|Alpha, чтобы решать сложнейшие уровнения на экзаменах по математике
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin