Size: a a a

Веб-стандарты

2020 May 25
Веб-стандарты
Выпуск №231: MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски. В гостях Алексей Охрименко. Слушайте на Ютубе https://youtu.be/la_81IJqmks, читайте на Медиуме https://medium.com/p/d2e6463c78d5
источник
Веб-стандарты
00:01:20 События
00:08:47 Microsoft Build
00:15:13 Новинки Chrome 83
00:22:46 Lighthouse 6
00:29:15 Быстрый Google Fonts
00:35:55 Аудит перфоманса Notion
00:44:26 Angular по-русски
источник
Веб-стандарты
177 любимых JS-однострочников для решения множества задач: от массивов до строк. Сборник Фуока Нгуена с поиском и возможностью предложить свой на Гитхабе — https://1loc.dev/
источник
2020 May 26
Веб-стандарты
Разработчика, который писал на чистом HTML и CSS в «Блокноте», признали колдуном. Шокирующую историю Кристофера Эбаут-Бланка рассказывает Джей Квери — https://web-standards.ru/articles/witch-developer/
источник
Веб-стандарты
Классической статье «Responsive Web Design» Итана Маркота на A List Apart исполнилось 10 лет. Статья стартовала новую эпоху в дизайне и разработке сайтов — https://alistapart.com/article/responsive-web-design/

Ева Ферейра напоминает о юбилее и пасхалке для внимательных читателей https://twitter.com/evaferreira92/status/1264929144862900229
источник
Веб-стандарты
Полное руководство по рендерингу в React. Марк Эриксон погружается в детали процесса и касается влияния Context и React-Redux — https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/
источник
Веб-стандарты
Всё, что я не знал про свойство content в CSS. Мануэль Матузович делится свежими открытиями: от тривиальных до неожиданных — https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/
источник
2020 May 27
Веб-стандарты
5 отличий между обычными и стрелочными функциями. Дмитрий Павлутин разбирается в особенностях разных объявлений в JavaScript — https://dmitripavlutin.com/differences-between-arrow-and-regular-functions/
источник
Веб-стандарты
источник
Веб-стандарты
Nsk Tech Talks #12 по фронтенду пройдёт онлайн 28 мая. Вероника Самохина из Контура расскажет, куда расти фронтенд-разработчику и что делать, если что-то пошло не так. Сразу после доклада — открытая дискуссия. Участие бесплатное, количество мест ограничено https://eventskbkontur.timepad.ru/event/1320786
источник
Веб-стандарты
Руководство по отзывчивым изображениям в HTML. Подробное объяснение работы <picture>, атрибутов srcset и sizes и способов их применения для контроля производительности и дизайна — https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/
источник
2020 May 28
Веб-стандарты
Введение в руководство по вкладу в веб-платформу. Саймон Питерс рассказывает об электронной книге с объяснениями, как влиять на развитие веба и куда идти для починки багов в браузерах — https://bocoup.com/blog/introducing-the-web-platform-contribution-guide
источник
Веб-стандарты
Взгляд на JavaScript со стороны. Лия Веру делится историей о том, как она пыталась помочь другу не из фронтенда воспользоваться JavaScript-модулем, в переводе на «Веб-стандартах» — https://web-standards.ru/articles/todays-js-from-outside/
источник
Веб-стандарты
Эффект появления подписи к фото на чистом CSS. Мишель Баркер собирает демо с анимированным появлением описания фотографии по наведению курсора или по фокусу с клавиатуры — https://css-irl.info/css-only-slide-up-caption-hover-effect/
источник
Веб-стандарты
Framer теперь работает и в браузере. Инструмент для визуального прототипирования интерфейсов, бесплатный для личного использования — https://www.framer.com/
источник
2020 May 29
Веб-стандарты
Первый взгляд на записи и кортежи в JavaScript. Аксель Раушмайер рассказывает о предложении в стандарт ECMAScript двух новых видов составных примитивных значений, в переводе на Хабре — https://habr.com/p/504092/
источник
Веб-стандарты
Фронтендерский стек для видео-игр. Рэмси Насэр делится списком технологий, которые он использовал для разработки игры Restricted Airspace — https://increment.com/frontend/a-frontend-stack-for-video-games/
источник
Веб-стандарты
Лучшие практики для полевых замеров Web Vitals. Филип Уолтон показывает, как эффективно измерять метрики CLS, FID и LCP из инициативы Web Vitals на реальных пользователях — https://web.dev/vitals-field-measurement-best-practices/
источник
2020 June 01
Веб-стандарты
Локальное тестирование на iPhone. Джош Комю делится способами отладки веб-страниц на настоящем iPhone и через симулятор — https://joshwcomeau.com/blog/local-testing-on-an-iphone/
источник
Веб-стандарты
CUBE CSS. Энди Белл предлагает методологию наименования и использования классов в CSS со слоями для композиции, утилит, блоков и исключений — https://piccalil.li/blog/cube-css/
источник