Size: a a a

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

2021 June 11
Веб-стандарты
Публичное техническое собеседование на мидл фронтенд-разработчика пройдёт 15 июня в 19:00 (GMT+3) в Яндекс.Практикуме. Разработчики Яндекса будут собеседовать выпускника курса с небольшим стажем работы и отвечать на вопросы зрителей.

https://praktikum.blog/middle-interview/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_middle-interview-webstandards_ru
источник
Веб-стандарты
Он­лайн-обу­че­ние: взгляд оче­вид­ца. Первая статья в серии Алёны Батицкой про особенности образования онлайн: собственный опыт, взгляд изнутри, плюсы, минусы и разные мнения.

https://web-standards.ru/articles/online-education-1/
источник
2021 June 14
Веб-стандарты
Разбираемся в соотношениях сторон в CSS. Ахмад Шадид верстает компоненты, в которых важно сохранять пропорции.

https://ishadeed.com/article/css-aspect-ratio/
источник
Веб-стандарты
Используйте ссылки и кнопки правильно. Заметка о том, как выбрать правильный тег по ожидаемой от него функциональности.

https://habr.com/p/561892/
источник
Веб-стандарты
Чёткие изображения на экранах с высокой плотностью пикселей. Джейк Арчибальд объясняет, как экономить трафик пользователя и при этом показывать ему чёткую картинку на сайте.

https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/
источник
2021 June 15
Веб-стандарты
Когда CSS недостаточно. Стефани Эклз рассказывает, когда для создания доступных компонентов необходимо добавлять JavaScript: работа с фокусом, реакция на нажатие клавиш, управление ARIA-атрибутами.

https://www.smashingmagazine.com/2021/06/css-javascript-requirements-accessible-components/
источник
Веб-стандарты
Выпуск №286. София Валитова, Вадим Макеев, Никита Дубко про бету Safari 15, Mozilla и дэш-дэш, блог без стилей, ручной RSS, CSS в VK и JSON для дизайнеров.

Слушайте на Ютубе https://youtu.be/wCHX0s1tORc
Ссылки на сайте https://web-standards.ru/podcast/286/
источник
Веб-стандарты
00:02:25 События
00:06:06 Бета Safari 15
00:19:14 Расширения Safari
00:26:08 Критика Safari
00:35:58 Mozilla и дэш-дэш
00:40:38 Блог без стилей
00:51:44 Ручной RSS
00:57:04 CSS в VK
01:04:21 Поиск стажёра
01:11:12 JSON для дизайнеров
источник
Веб-стандарты
Зачем веб-разработчику нужен Vue.js? Лайв HTML Academy c Михаилом Устенко и Алексеем Симоненко 16 июня в 13:00 (GMT+3): Vue.js для фронтендера, необходимые навыки, преимущества и недостатки фреймворка, области применения и причины популярности.

https://htmlacademy.ru/events/live-vuejs
источник
2021 June 16
Веб-стандарты
Изучаем Eleventy с нуля. Курс Энди Белла по созданию сайтов на генераторе статики Eleventy теперь доступен бесплатно: работа с платформой, настройка и генерация ассетов, написание фронтенда сайта.

https://piccalil.li/course/learn-eleventy-from-scratch/
источник
Веб-стандарты
Добавление теней к SVG-иконкам. Джоэл Олаванле применяет CSS- и SVG-фильтры для решения задачи и сравнивает подходы.

https://css-tricks.com/adding-shadows-to-svg-icons-with-css-and-svg-filters/
источник
Веб-стандарты
<img>. Расшифровка доклада Никиты Дубко про возможности тега, работу с изображениями, форматы графики и оптимизацию для перфоманса страниц.

https://habr.com/p/559442/
источник
2021 June 17
Веб-стандарты
Заметки по JavaScript. Уэс Бос делится материалами к курсу по JavaScript для новичков.

https://wesbos.com/javascript
источник
Веб-стандарты
Магия вне Хогвартса: NJS. Игорь Коровченко рассказывает о том, как писать конфиги для веб-сервера Nginx на JavaScript, почему это работает быстро и приводит пример реализации шифра Цезаря.

https://web-standards.ru/articles/magic-njs/
источник
Веб-стандарты
Тригонометрия в CSS и JavaScript. Серия статей Мишель Баркер о применении знаний тригонометрии для рисования креативов в браузере.

Введение в тригонометрию https://tympanus.net/codrops/2021/06/01/trigonometry-in-css-and-javascript-introduction-to-trigonometry/
Тригонометрические функции https://tympanus.net/codrops/2021/06/02/trigonometry-in-css-and-javascript-getting-creative-with-trigonometric-functions/
Не только треугольники https://tympanus.net/codrops/2021/06/04/trigonometry-in-css-and-javascript-beyond-triangles/
источник
2021 June 18
Веб-стандарты
Ваше изображение, вероятно, не декоративное. Эрик Бейли рассказывает, как правильно «обнулить» картинку и в каких случаях это лучше не делать.

https://www.smashingmagazine.com/2021/06/img-alt-attribute-alternate-description-decorative/
источник
Веб-стандарты
Ссыл­ка для ска­чи­ва­ния. Никита Дубко про атрибут download для ссылок и хитрый трюк на Canvas, который поможет пользователям сохранить обычный JPEG из необычных WebP и AVIF прямо на лету.

https://web-standards.ru/articles/download-link/
источник
Веб-стандарты
В словаре по фронтенду появились два новых раздела:

1. Названия символов на клавиатуре https://github.com/web-standards-ru/dictionary/blob/main/keyboard.md
2. Таблица имён насыщенности шрифта https://github.com/web-standards-ru/dictionary/blob/main/font-weights.md

А также стартовал пулреквест выясняющий написание и значения слова «фулстек» https://github.com/web-standards-ru/dictionary/pull/436/files
источник
2021 June 21
Веб-стандарты
Выпуск №287. Андрей Мелихов, Филипп Рябчун, Никита Дубко про ускорение фреймворков, Astro и Eleventy Serverless, виртуальную клавиатуру, JS для Nginx, React 18 и Suspense, TeamCity и YAML.

Слушайте на Ютубе https://youtu.be/Jsz8_yg73Gs
Ссылки на сайте https://web-standards.ru/podcast/287/
источник
Веб-стандарты
00:01:04 События
00:03:27 Chrome ускоряет фреймворки
00:20:45 Astro и 11ty Serverless
00:27:04 Виртуальная клавиатура
00:35:46 JS для Nginx
00:47:37 Планы React 18
00:57:52 Зачем Suspense
01:11:07 TeamCity и YAML
источник