FrontoWeek, новый еженедельный подкаст Павла Франкова с короткими 3-минутными дайджестами новостей — https://anchor.fm/frontoweek
Size: a a a
2020 August 10
Новинки WebStorm 2020.2 в обзоре Екатерины Рябухи на Хабре: Prettier вместо встроенного форматтера, лучшая модульность в Sass, расширенные пулреквесты GitHub, поддержка Nuxt.js и другие — https://habr.com/ru/company/JetBrains/blog/511948/
2020 August 11
Design is Frontend. Конференция Affinage на стыке дизайна и вёрстки пройдёт онлайн 20 августа. В программе 6 докладов и круглый стол: неверстабельный дизайн, кликабельные прототипы, анимация интерфейсов, взаимодействие с дизайнером, фронтенд-дизайнер — https://affinage.timepad.ru/event/1385362/?utm_source=telegram&utm_medium=post&utm_campaign=promo_conference_design_is_frontend&utm_content=webstandards_ru&utm_term=webstandards_ru
Архитектура современных корпоративных Node.js-приложений. Андрей Мелихов с опытом фронтендера в крупном энтерпрайзе в блоге Яндекса на Хабре — https://habr.com/p/514550/
Выпуск №242: Инспектор гридов, настройка форм, content-visibility, вариативные шрифты, бесконечные списки. Слушайте на Ютубе https://youtu.be/-FSA3nbEQOE, читайте на Медиуме https://medium.com/p/88c8c5f13710
2020 August 12
A11y Coffee. Краткий сборник Эмберли Ромо с информацией по доступности: введение, простые победы, тестирование и погружение в тему — https://a11y.coffee/
Хороший и плохой focus. Вадим Макеев про фокус на ссылках по умолчанию, задание своего фокуса, особенности браузеров и решение давней проблемы с помощью :focus-visible и полифила к нему — https://youtu.be/EHg7DeciuW8
TypeScript без TypeScript. Кейлеб Уильямс о встроенной в TS возможности проверять обычный JS по JSDoc для ситуаций, в которых переход не оправдан или связан со сложностями — https://css-tricks.com/typescript-minus-typescript/
2020 August 13
Зависимости в JavaScript. Серия статей Славы Фомина в блоге ДомКлик на Хабре:
Управление зависимостями https://habr.com/p/509440/
Установка и обновление https://habr.com/p/510812/
Выбор зависимостей https://habr.com/p/512154/
Lock-файлы npm https://habr.com/p/513130/
Управление зависимостями https://habr.com/p/509440/
Установка и обновление https://habr.com/p/510812/
Выбор зависимостей https://habr.com/p/512154/
Lock-файлы npm https://habr.com/p/513130/
Настройка цветовых схем приложений с помощью кастомных CSS-свойств. Артур Басяк предлагает разделить цвета на три уровня для гибкого управления: палитра, тема, цвета компонента — https://www.smashingmagazine.com/2020/08/application-color-schemes-css-custom-properties/
Генератор пунктирных рамок Амита Шина использует градиенты для создания множества вариаций, которые будут выглядеть одинаково во всех браузерах, в отличие от встроенных border-style: dotted и dashed — https://codepen.io/amitsheen/pen/xxZeyjO
2020 August 14
Хакатон «Build for Belarus» пройдёт онлайн 14–16 августа. Участники помогут разработать технические решения для коммуникации, безопасности и поддержки пострадавших в протестах.
Сайт хакатона https://eventornado.com/event/build-for-belarus
Событие на Фейсбуке https://www.facebook.com/events/492050428325842
Сайт хакатона https://eventornado.com/event/build-for-belarus
Событие на Фейсбуке https://www.facebook.com/events/492050428325842
Единицы размеров в CSS. Юля Бухвалова с обзором всех существующих единиц измерения: от знакомых px, em, ch, ex до динамических vw, vh, vmin, vmax — http://css.yoksel.ru/size-units/
Прокачиваем <input type=number>. Килиан Валькхоф добавлет в обычное поле клавиши-модификаторы, которые со стрелками вверх и вниз меняют кратность значения: Alt ×0,1, Shift ×10, Ctrl/Cmd ×100 — https://kilianvalkhof.com/2020/javascript/supercharging-input-type-number/
2020 August 17
Обзор инструментов для отладки доступности в Chrome DevTools. Умар Ханса про контрастность цветов, инспектор дерева доступности, проверки Lighthouse, эмуляцию цветовых особенностей восприятия и новые тултипы — https://www.smashingmagazine.com/2020/08/accessibility-chrome-devtools/
Как начать думать функционально в JavaScript. Алекс Рицкован предлагает отвлечься от особенностей языка, начать думать более абстрактно и перейти к более декларативному стилю кодирования. В переводе на CSS-Live — https://css-live.ru/articles/kak-nachat-dumat-funkcionalno-v-javascript.html
Как сделать интерфейс лучше для пользователя с помощью CSS-анимаций. Стефани Уолтер со множеством примеров кода и видео, которые показывают как сделать полезные, быстрые и доступные анимации — https://stephaniewalter.design/blog/enhancing-user-experience-with-css-animations/
2020 August 18
Супергеройская раскладка: комбинируем гриды и CSS-фигуры. Антон Болл повторяет эффект кадрирования из комиксов с помощью clip-path: polygon() — https://medium.com/p/26a60acef643
Выпуск №243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб. Слушайте на Ютубе https://youtu.be/GEyMgXiAiLA, читайте на Медиуме https://medium.com/p/1dba09be0713