Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Фронтенд Юность (18+)» #90 Гуй эксперту не помеха
• proConf #9 VUEJS AMSTERDAM 2019
• «ALL YOUR HTML» #s2e10: «Phenomenon с Parcel»
• WSD в Москве, 2019, запись трансляции
• MinskCSS Meetup #6 — 11 апреля 2019
Веб-разработка
• Как создать тёмную тему и не навредить. Опыт команды Яндекс.Почты
• Перенос сайта на статику: мотивация, стоимость, работа
• Почему не нужно тратить свое время на создание нишевых тематических сайтов
• Результат опроса предпочтений разработчиков от Stack Overflow
• Front-end Developer Handbook 2019
• Inline SVG… Кешируется
• Веб-разработка в иллюстрациях
• Типы мобильных инпутов
• Javascript vs. CSS — больше контроля означает больше ответственности
• Не доверяйте локальным хранилищам: исследование распространенности постоянных межсайтовых клиентских скриптов
- Производительность:
• Нативная ленивая загрузка и fallback на основе js с vanilla-lazyload 12
• Google AMP снизил скорость нашей страницы, и нет другого выбора, кроме его использования
• Как получить оценку 100% производительности в Lighthouse
- Accessibility:
• Распространенная проблема доступности: переход к разделу страницы без смещения фокуса клавиатуры
• Доступность цветов: инструменты и ресурсы, которые помогут вам создавать инклюзивные продукты
• Топ 5 вопросов, задаваемых при изучении Accessibility
- Анимация:
• Как создать эффект прилипающего изображения с Three.js
• Разъединение SVG с помощью переиспользуемых компонентов WebGL с использованием React-Three-Fibre
CSS
• Чего мне никогда не говорили о CSS
• Разница между width и flex-basis
• Как работает @supports
• Уже 2019 год. Давайте закончим дискуссию об иконочных шрифтах и SVG иконках
• Руководство по пониманию CSS Houdini с помощью комиксов
• Трюки и советы для CSSBattle
• Анимация SVG с помощью CSS
• Выполните следующие шаги, чтобы стать суперзвездой CSS
• Получаем значение кастомного свойства CSS с помощью JavaScript
• Художественное руководство для веба с использованием CSS Shapes
• Использование миксина для вывода математики из адаптивных размеров шрифта
• Почему вы должны использовать CSS env()
• QUIZ: Well aimed? Насколько хорошо вы знаете CSS селекторы?
• sassyfication: библиотека с Sass примесями для ускорения разработки CSS
JavaScript
• В AMP добавят поддержку JavaScript
• Три Больших Лжи о JavaScript
• Релиз jQuery 3.4.0
• Использование Web Speech API для мультиязычных переводов
• Пять причин, почему веб-компоненты могут дополнить фреймворки JavaScript
• Кайл Симпсон: я забыл больше JavaScript, чем было выучено большинством людей
• Список из 31 самых популярных JS репозиториев на GitHub в апреле 2019
- Теория:
• Основы движков JavaScript: оптимизация прототипов. Часть 1
• Что нужно знать про массивы в JavaScript
• Подводные камни Async / Await в циклах массивов
• В защиту тернарных операторов
• Улучшение асинхронного программирования с JavaScript promises
• Шаблоны проектирования в современной JavaScript разработке
- React:
• Что бы я хотел знать, когда начинал работать с React.js
• Рекомендации по стилизации в React
• Лучшие React расширения для VS Code
• Обзор популярных CSS-in-JS библиотек для React
• Управление состоянием с помощью React Hooks — без Redux или Context API
• React95 — Библиотека компонентов React с Win95 UI
- VueJS:
• Почему ваша компания должна начать использовать Vue.js
• Представление нового State-Management для Vue.js
• Краткий отчет о конференции VueJs Amsterdam 2019 (часть 2)
• Почему я предпочёл Vue, а не React
• Получение данных со сторонних API с помощью Vue.js и Axios
• Сделайте свои веб-приложения Vue.js доступными для просмотра — JavaScript SEO
- Angular:
• Лучшее из опыта создания чистых и быстрых Angular приложений
• Angular Context: простое связывание данных для вложенных деревьев компонентов и Router Outlet
• Angular CLI — Demystifying the workspace
• Advanced Angular: реализация переиспользуемого компонента автозаполнения
- Libs & Plugins:
• fkit: набор функциональных утилит для JavaScript
• jQuery Terminal Emulator — терминал для веба
• Choices.js: плагин для создания настраиваемых select элементов с возможностью ввода как Select2, но без jQuery
Браузеры
• Microsoft Edge на Chromium официально доступен для открытого тестирования
• В Firefox Beta добавлен блокировщик скриптов майнинга и скрытой идентификации
• В Chromium доступна отложенная загрузка iframe и изображений. Тестовый выпуск Microsoft Edge
• Chrome и Safari убрали возможность отключения атрибута отслеживания кликов
• Вышла Opera 60 (Reborn 3) — первый десктопный браузер c поддержкой «интернета будущего» Web 3, криптокошельком и бесплатным VPN
• Edge идет к Chromium: что это значит для разработчиков фронтенда?
Занимательное
• GitHub полностью «удалил» репозиторий утилиты для обхода блокировок и весь аккаунт создателя
• Google: Частое сканирование не способствует улучшению позиций сайта
• Вскоре Google Docs начнет поддерживать родные форматы Microsoft Word, Excel и PowerPoint
• От раннего Интернета осталось очень мало свидетельств
• Владелец прав на Helvetica выпустил первый за 35 лет редизайн шрифта
• ЕС выработал свод этических принципов для искусственного интеллекта
• Основатель Alibaba Джек Ма заступился за культуру работы по 12 часов в сутки шесть дней в неделю
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort