Гайд по миграции плагинов на PostCSS 8.0. Андрей Ситник делится руководством по обновлению кода плагинов и объясняет, какая от этого польза разработчикам — https://evilmartians.com/chronicles/postcss-8-plugin-migration
Size: a a a
2020 September 16
2020 September 17
Web API для двойных экранов и складываемых устройств. Зухир Чахуд и Дэниел Либби рассказывают об экспериментальных возможностях в CSS и JS для работы с новым типом устройств — https://blogs.windows.com/msedgedev/2020/09/14/introducing-dual-screen-foldable-web-apis/
Узнаём про 3D-трансформации и перспективу в CSS. Мишель Баркер делится своим опытом изучения комбинации свойств transform и perspective с демо-примерами — https://css-irl.info/learning-about-css-3d-transforms/
Подробный обзор новинок Safari 14 в релизах iOS и iPadOS в блоге Максимилиано Фиртмана. Одно из самых важных изменений — возможность выбрать браузер по умолчанию. Все браузеры по-прежнему используют WebKit, но теперь могут работать с сервис-воркерами — https://firt.dev/ios-14/
2020 September 18
Как обрезать в CSS. Рэйчел Эндрю с кратким введением в возможности clip-path: примитивы inset, circle, ellipse, polygon, управление и анимация — https://web.dev/css-clipping/
Основы JavaScript в формате марафона. Зар Захаров запускает курс по JS, в программе: короткие видеоуроки, домашние задания, код-ревью менторов. Учебный проект — игра в браузере, первая неделя бесплатно, старт 21 сентября. Подробности в чат-боте — tg://resolve?domain=MentorCode_bot&start=ml57
2020 September 21
Выпуск №248: Safari 14, миссия PostCSS 8, Moment.js всё, React и веб-компоненты, история двух колор-пикеров. В гостях Сергей Куликов и Влад Шилов. Слушайте на Ютубе https://youtu.be/ZWjfMGFITHE, читайте на Медиуме https://medium.com/p/166f62b18c25
25 видео с конференции Inclusive Design 24: инклюзивность, доступность в XR, набор для запуска сайта о чрезвычайных ситуациях, исследования UX, понимание WCAG и другие — https://www.youtube.com/playlist?list=PLn7dsvRdQEfGkK9xxk54XdKTLk7zf_Qwp
2020 September 22
Вышел GitHub CLI 1.0. Аманда Пинскер рассказывает про возможности инструмента: работа с ишьями, пулл-реквестами и GitHub API из консоли, поддержка GitHub Enterprise Server и другие — https://github.blog/2020-09-17-github-cli-1-0-is-now-available/
Стилизация элемента <details>. Михаэль Шарналь заменяет стандартную иконку-маркер на свою и меняет поведение по умолчанию на плавное анимированное открытие — https://justmarkup.com/articles/2020-09-22-styling-and-animation-details/
Вышел Vue.js 3.0 One piece. Эван Ю рассказывает об особенностях мажорного обновления: повышенная производительность, меньший размер, лучшая поддержка TypeScript и другие, в переводе на Хабре — https://habr.com/p/520022/
2020 September 23
Математика верстальщику не нужна? Продолжение серии Ивана Богачёва про матрицы, базовые трансформации, построение 3D и фильтры для картинок — https://habr.com/p/520078/
2020 September 24
Ищем суть проблемы в CSS. Ахмад Шадид предлагает искать причину странного поведения, а не просто искать вариант, который сработает. Обзор особенностей CSS, которые могут сильно помешать, если вы не понимаете как они работают — https://ishadeed.com/article/finding-the-root-cause/
Делаем модальные окна для сайта. Заботимся об удобстве и доступности. Антон Фёдоров сделал библиотеку HystModal и подробно рассказал об её устройстве и особенностях — https://habr.com/p/519662/
Адаптивное видео с помощью встроенных математических функций CSS. Юля Бухвалова воспроизвела свойство aspect-ratio, пока его нет в браузерах, для создания адаптивного <iframe> — http://css.yoksel.ru/adaptive-video-with-css-math/
Кстати, Юля ищет работу https://spb.hh.ru/resume/727a4146ff07b993730039ed1f534f7a333743
Кстати, Юля ищет работу https://spb.hh.ru/resume/727a4146ff07b993730039ed1f534f7a333743
2020 September 25
Три вещи о CSS-переменных, которых вы могли не знать. Патрик Броссет о том, что бывает, когда переменная не определена, как работают фолбэки и как вам могут помочь DevTools — http://patrickbrosset.com/articles/2020-09-21-3-things-about-css-variables-you-might-not-know/
Мы запустили публичный чат в Телеграме для обсуждения новостей, статей, подкастов, словаря, событий и других проектов сообщества. Присоединяйтесь! — https://t.me/webstandards_chat
Что такое проект Fugu? Феликс Гершау с обзором инициативы Google по расширению возможностей веб-платформы: путь от идеи для реализации, что уже запущено, что планируется и как принять участие в проекте — https://felixgerschau.com/web-capabilities-project-fugu-google/
Почему псевдоэлементы ::before и ::after не работают для полей ввода и картинок. Заметка Шиме Видаса в переводе — http://odinokun.com/2020-09-24-pochemu-psevdoelementy-before-i-after-ne-rabotayut-dlya-polej-vvoda-i-kartinok.html