Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
• Подкаст «Девшахта/Ночной фронтенд» 73: Вопросы к стрелочным функциям и экспериментальные модули в Node.js
• Подкаст «CSSSR» Новости 512 — Выпуск №43 (16.03 — 22.03)
• Подкаст «Фронтенд Юность (18+)» #88 Корпорации уничтожают OpenSource
• Подкаст «proConf» #2, FrontEnd Con 2018. В подкасте ведущие обсуждают технические конференции, от Highload++ до Bulbacon
• «ALL YOUR HTML» #s2e7: «Летающие треугольники»
• На митап #3 от HTML Academy: лайв-дискуссия о джуниорах во фронтенде c Андреем Мелиховым и Алексеем Симоненко
• «Пора валить из фронтенда»: Андрей Ситник о стагнации сообщества, опенсорсе и не только
• Front-end ремесло
• Топ 5 мегатрендов развития фронтенда
• Тенденции веб-разработки 2019
• Все о mailto: Links
• Серия статей о веб-компонентах: от введения и создания пользовательского компонента с нуля до инкапсуляции стилей и структуры c ShadowDOM и продвинутого инструментария
• Как сделать прогрессивное веб-приложение из вашего существующего сайта
• Декомпозиция SVG Circle в Paths
• Как создать плавные WebGL переходы при скролле с помощью Phenomenon
• Почему нельзя установить размер шрифта у посещенной ссылки
• Вещи в CSS, о которых мне никто никогда не говорил.
• Добавляем фильтры SVG с помощью CSS
• Сложенные границы. Eric Meyer о креативных вариантах комбинирования border-стилей.
• CSS получает тригонометрические функции, помогающие веб-разработчикам избегать JavaScript
• Сложное разбиение с помощью CSS Grid
• Размытые границы в CSS
• Область видимости в CSS
• Все, что вам нужно знать о переносе слов в CSS
• Flexulator — Калькулятор распределения пространства при использовании Flexbox
• Наконец, CSS-решение для :hover на тачскринах
• Периодическая таблица на HTML (построенная с помощью CSS grid)
• Разработка простых современных JavaScript-приложений с использованием Webpack и прогрессивных веб-технологий
• Домашняя страница для спецификации JavaScript
• Введение в концепции RxJS на ванильном JavaScript
• Как с помощью JavaScript определить, какую цветовую схему предпочитает пользователь
• Firefox 66: Звук тишины
• Релиз Firefox 66: блокировка видео со звуком, плавный скроллинг, поиск по вкладкам. Плюс, подробности для разработчиков в блоге Марата Таналина
• Opera выпустила Android-браузер со встроенным VPN
• Mozilla выпустила новый браузер Firefox для iPad
• Google предоставит европейским пользователям Android возможность выбрать альтернативные поисковик и браузер
• В Chrome перенесли две востребованные функции из Microsoft Edge
• Я пользовался интернетом в течение дня в Internet Explorer 8
• Первый взгляд на новый браузер Microsoft Edge на платформе Chromium
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
• Подкаст «Девшахта/Ночной фронтенд» 73: Вопросы к стрелочным функциям и экспериментальные модули в Node.js
• Подкаст «CSSSR» Новости 512 — Выпуск №43 (16.03 — 22.03)
• Подкаст «Фронтенд Юность (18+)» #88 Корпорации уничтожают OpenSource
• Подкаст «proConf» #2, FrontEnd Con 2018. В подкасте ведущие обсуждают технические конференции, от Highload++ до Bulbacon
• «ALL YOUR HTML» #s2e7: «Летающие треугольники»
• На митап #3 от HTML Academy: лайв-дискуссия о джуниорах во фронтенде c Андреем Мелиховым и Алексеем Симоненко
Веб-разработка
• «Пора валить из фронтенда»: Андрей Ситник о стагнации сообщества, опенсорсе и не только
• Front-end ремесло
• Топ 5 мегатрендов развития фронтенда
• Тенденции веб-разработки 2019
• Все о mailto: Links
• Серия статей о веб-компонентах: от введения и создания пользовательского компонента с нуля до инкапсуляции стилей и структуры c ShadowDOM и продвинутого инструментария
• Как сделать прогрессивное веб-приложение из вашего существующего сайта
• Декомпозиция SVG Circle в Paths
• Как создать плавные WebGL переходы при скролле с помощью Phenomenon
- Производительность:
• Preload, prefetch и остальные <link> теги
• Измерение влияния производительности третьесторонних скриптов
• У кого самый быстрый сайт в F1?
• Как мы создали самый быстрый сайт для конференций в мире
• 10 показателей веб-производительности, за которыми нужно следить
- Accessibility:
• Что такое доступность? Перевод соответствующего раздела на MDN
• Создание доступных веб-сайтов и приложений является моральным обязательством
• Веб-доступность для начинающих
CSS
• Почему нельзя установить размер шрифта у посещенной ссылки
• Вещи в CSS, о которых мне никто никогда не говорил.
• Добавляем фильтры SVG с помощью CSS
• Сложенные границы. Eric Meyer о креативных вариантах комбинирования border-стилей.
• CSS получает тригонометрические функции, помогающие веб-разработчикам избегать JavaScript
• Сложное разбиение с помощью CSS Grid
• Размытые границы в CSS
• Область видимости в CSS
• Все, что вам нужно знать о переносе слов в CSS
• Flexulator — Калькулятор распределения пространства при использовании Flexbox
• Наконец, CSS-решение для :hover на тачскринах
• Периодическая таблица на HTML (построенная с помощью CSS grid)
JavaScript
• Разработка простых современных JavaScript-приложений с использованием Webpack и прогрессивных веб-технологий
• Домашняя страница для спецификации JavaScript
• Введение в концепции RxJS на ванильном JavaScript
• Как с помощью JavaScript определить, какую цветовую схему предпочитает пользователь
- Теория:
• Особенности использования типа данных Symbol в JavaScript
• Реализация быстрой сортировки на JavaScript
• Я не ненавижу стрелочные функции, но…
• Список книг и статей по JS для взыскательных веб-разработчиков.
- React:
• Переписываем тестовое задание для junior frontend на TypeScript и react-hooks
• Асинхронный Redux без Middlewares — используя ES2017
• Релиз React Router v5
• Начало работы с React (по версии 2019 года)
• Что я узнал о React после месяца, посвященного его изучению (С точки зрения разработчика Angular )
• Доступный роутинг в React
• React State: выбирай с умом
• Как создать приложение для обнаружения логотипа в реальном времени с React Native, Google Vision API и Crowdbotics
- VueJS:
• Vue 2.6.6 Release part1
• Разница между Computed Properties, Methods и Watchers в Vue
• Как уменьшить размер бандла во Vue.JS с помощью Webpack
• Глубокое погружение во Vuex
• TradingVue.js — расширяемая библиотека для трейдеров для построения графиков
• Начинаем писать Vue.js приложения на базе классов с использованием TypeScript
• Nuxt.js: минималистичный фреймворк для создания гибридных Vue.js приложений
• Evan You — Состояние Vue-сообщества, VueJS Амстердам 2019
- Angular:
• Советы по оптимизации вашего приложения на Angular
• Советы по отладке ваших Angular приложений
• Как опубликовать разработанную Angular библиотеку в NPM, и стоит ли оно того
- Libs & Plugins:
• construct-js — Библиотека для создания структур данных уровня байтов.
• fromfrom — библиотека для трансформации последовательности данных из одного формата в другой
• CrumbsJS: легковесная библиотека, написанная на ванильном ES6 для работы с cookies и local storage.
Браузеры
• Firefox 66: Звук тишины
• Релиз Firefox 66: блокировка видео со звуком, плавный скроллинг, поиск по вкладкам. Плюс, подробности для разработчиков в блоге Марата Таналина
• Opera выпустила Android-браузер со встроенным VPN
• Mozilla выпустила новый браузер Firefox для iPad
• Google предоставит европейским пользователям Android возможность выбрать альтернативные поисковик и браузер
• В Chrome перенесли две востребованные функции из Microsoft Edge
• Я пользовался интернетом в течение дня в Internet Explorer 8
• Первый взгляд на новый браузер Microsoft Edge на платформе Chromium
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.