Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
| Веб-разработка |
| 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
