Open in app

Sign In

Write

Sign In

Workafrolic (±∞)
Workafrolic (±∞)

3.6K Followers

Home

About

Jun 18, 2021

Он­лайн-обу­че­ние: взгляд очевидца

Написала статью про плюсы и минусы онлайн-образования на основании собственного опыта. Почитать можно на сайте Веб-стандартов.

Online Education

1 min read

Он­лайн-обу­че­ние: взгляд очевидца
Он­лайн-обу­че­ние: взгляд очевидца
Online Education

1 min read


Published in Web Standards

·Oct 8, 2019

Извлекаем критический CSS

Научитесь, как улучшить время рендеринга, с техникой критического CSS — Перевод «Extract critical CSS» Милицы Михайлии Браузер должен скачать и распарсить CSS-файл перед тем, как отрисует страницу. Это делает CSS ресурсом, блокирующим рендеринг. Если файл большой или соединение медленное, то запрос стилей может значительно увеличить время отрисовки страницы. Ключевой термин: критический CSS — это метод…

Web Standards

4 min read

Извлекаем критический CSS
Извлекаем критический CSS
Web Standards

4 min read


Published in Web Standards

·Oct 5, 2019

Не усложняйте масштабируемый CSS

Перевод статьи «Keeping it simple with CSS that scales» Энди Белла Это письменное изложение моего доклада «Не усложняйте масштабируемый CSS», который я впервые прочитал на State of the Browser 2019. Это очень длинная статья, поэтому я записал аудиоверсию: Ссылка на Яндекс.Диск У CSS сегодня очень странное положение в вебе. Явно…

CSS

14 min read

Не усложняйте масштабируемый CSS
Не усложняйте масштабируемый CSS
CSS

14 min read


Sep 24, 2019

Полное руководство по отзывчивым изображениям!

Перевод статьи «Complete Guide to Responsive Images!» Элада Шехтера Отзывчивым можно назвать то изображение, размер которого меняется в зависимости от разрешения экрана. Концепция отзывчивых изображений появилась благодаря необходимости решать такие задачи, как, например, показ разных изображений на разных девайсах. И выражается этот подход в том числе в гибком переключении между…

HTML

10 min read

Полное руководство по отзывчивым изображениям!
Полное руководство по отзывчивым изображениям!
HTML

10 min read


Published in Web Standards

·Jun 10, 2019

Стиль мышления CSS

Перевод статьи «The CSS Mindset» Макса Бёка. Ах да, CSS. Едва ли хоть одна неделя проходит без жарких онлайн-дискуссий. Он слишком простой. Он слишком сложный. Он непредсказуемый. Он устаревший. Питер-Гиффин-борется-с-жалюзи.gif. Я не знаю, почему CSS вызывает такое разнообразие эмоций у разработчиков. Но я догадываюсь, почему иногда эта технология кажется нелогичной…

Russian

5 min read

Стиль мышления CSS
Стиль мышления CSS
Russian

5 min read


Published in Web Standards

·Feb 25, 2019

Как работает @supports

Перевод «How @supports Works» Криса Койера. В CSS существует простой способ, позволяющий проверить браузерную поддержку какого-то свойства или комбинации свойства и значения перед тем, как применять определённый блок стилей. Похоже на то, как работает @media, проверяя ширину окна браузера перед тем, как применить стили. По тому же принципу CSS внутри…

Russian

7 min read

Как работает @supports
Как работает @supports
Russian

7 min read


Feb 25, 2019

Процесс написания CSS-алгоритмов

Перевод статьи «Writing CSS Algorithms» Лары Шенк Примечание переводчика: Эта статья — первая из серии, посвящённой CSS-алгоритмам. Если вам не до конца понятно, о чём в статье идёт речь — это не страшно =) Дождитесь перевода других статей по этой теме или прочитайте их в оригинале в блоге Лары Шенк…

CSS

8 min read

Процесс написания CSS-алгоритмов
Процесс написания CSS-алгоритмов
CSS

8 min read


Published in Web Standards

·Feb 21, 2019

Советы по доступности интерактивных элементов на мобильных устройствах

Перевод «Tips for making interactive elements accessible on mobile devices» Ире Адеринокун. Web Content Accessibility Guidelines (WCAG) — это набор правил для создания доступных сайтов. Вторая версия была опубликована в 2008 году, еще перед тем, как стало возможно просматривать сайты на мобильных устройствах. Несколько лет назад WCAG был обновлён до…

Russian

5 min read

Советы по обеспечению доступности интерактивных элементов на мобильных устройствах
Советы по обеспечению доступности интерактивных элементов на мобильных устройствах
Russian

5 min read


Feb 14, 2019

Краткий план по изучению фронтенда, или #100ДнейКода

Перевод «A Timeboxed, Day-by-Day #100DaysOfCode» Ника Сциалли Это слегка самоуверенный учебный план по изучению фронденда за 100 дней. Поскольку он — этот план — охватывает широкий спектр тем, то его можно воспринимать как обзорный. Но он вряд ли подойдёт для глубокого погружения в какую-то отдельную область. …

Junior Developer

14 min read

Краткий план по изучению фронтенда, или #100ДнейКода
Краткий план по изучению фронтенда, или #100ДнейКода
Junior Developer

14 min read


Published in Web Standards

·Feb 6, 2019

Новые логические свойства в CSS!

Следующий шаг в эволюции CSS — Перевод «New CSS Logical Properties!» Элада Шехтера. Интро Большинство из нас, разработчиков, мыслят терминами право-лево и верх-низ. Всё потому что изначально интернет предназначался, главным образом, для загрузки документов, а не для сайтов со сложной структурой, которые мы создаём сегодня. Потому что никто в тот момент не учитывал потребностей многоязычных сайтов.

Russian

9 min read

Новые логические свойства в CSS!
Новые логические свойства в CSS!
Russian

9 min read

Workafrolic (±∞)

Workafrolic (±∞)

3.6K Followers

Frontend-дева. Верстаю, пишу и перевожу статьи, менторю, выступаю.

Following
  • Christian Heilmann

    Christian Heilmann

  • Катерина Ерошина

    Катерина Ерошина

  • Bradley Nice

    Bradley Nice

  • Elad Shechter

    Elad Shechter

  • Nastya Zelenskaya

    Nastya Zelenskaya

See all (81)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech