Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Фронтенд Юность (18+)» #120 Купи больше памяти или сядь в холодильник
•
Подкаст «Веб-стандарты» №209. Что не так с HTML и что можно с этим сделать, ШРИ Яндекса
•
proConf #43: CSS Camp 2019 — WEB стили, сетки, пиксели.
•
Как организовать эффективную работу распределенной команды верстки
•
Фронтенд-2019: итоги года
•
Мой новый стек веб-технологий для 2020 года
• 8 важных SEO-тенденций, на которые стоит обратить внимание в 2020 году
•
Почему мы используем веб-компоненты
•
Обзор 2019 года для WebAssembly
•
11 тенденций фронтенда на 2020 год, которые следует знать
•
Чему я научился за год обучения и преподавания доступности
•
Подборка вдохновляющих сайтов «Inspirational Websites Roundup» #11
• Введение в вариативные шрифты. Всё, что вы когда-либо знали о шрифтах, теперь изменилось (к лучшему).
• Mozilla Firefox и проблема псевдоэлемента ::first-letter
•
Пиксели против относительных единиц в CSS: почему это все еще важно
•
Lyrics 3.0 — Использование пользовательских свойств CSS для создания темизируемых текстов песен
•
Flash Grid: изучите CSS Grid при создании сетки на css
•
Помощь браузерам в оптимизации с помощью свойства CSS Container
•
«Когда часы двенадцать бьют». Или гирлянда в браузере
•
Клеточные автоматы в браузере
• Интересные новые функции в ES2018
•
Глубокое погружение в типы TypeScript — часть 3: Функции
•
Выбор правильного JavaScript бандлера в 2020 году
•
3 способа заменить все строковые значения в JavaScript
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Веб-разработка
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• 8 важных SEO-тенденций, на которые стоит обратить внимание в 2020 году
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
CSS
• Введение в вариативные шрифты. Всё, что вы когда-либо знали о шрифтах, теперь изменилось (к лучшему).
• Mozilla Firefox и проблема псевдоэлемента ::first-letter
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Интересные новые функции в ES2018
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Svelte
•Откройте для себя Svelte
•Начните работу со Svelte, написав приложение с техникой Pomodoro
•Почему я перешел из React на Svelte, и остальные тоже так сделают
- React
•Локализация React приложения
•7 шагов, чтобы понять React Redux
•Как создавать приложения Electron с помощью React.
•5 способов документировать компоненты React в 2020 году
- Vue
•Vue.js: Хуки жизненного цикла ваших и сторонних компонентов
•Простая машина состояний для VueJS
•Что нужно знать о Vue3 в 2020 году
•Как Nuxt.js решает проблемы SEO в Vue.js
•Шпаргалка по Vue, часть 1, Часть 2
•Переписываем компоненты на Vue 2.x с помощью API Vue Composition
- Angular
•Angular в 2020 и после
•7 новых и интересных функций TypeScript
•Рефакторинг приложений на Angular для реактивной архитектуры
- Ember
•Туториал из руководства по Ember.js. Приложение Super Rentals. Часть 1.1, Часть 1.2
•Знакомьтесь с Ember Octane
•Переписывание приложений на Ember Octane
•Post-Octane Ember Routing
- Libs & Plugins
•Peekobot — простой фреймворк для чатбота, написанный менее чем в 100 строках ванильного JavaScript
•Анализируйте, валидируйте, управляйте и отображайте даты и время в JavaScript с помощью Day.js
•Cook — минималистичный CLI инструмент для создания и использования собственных бойлерплейтов
•PowerModeInput может сделать ваше поле ввода текста более привлекательным
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.