For Web — фронтенд, дизайн, программирование

tiptap, крепкая основа для разработки WYSIWYG-редакторов: — полный контроль над внешним видом; — совместное редактирование, работа в офлайне и синхронизация между устройствами; — не зависит от фреймворка; — написана на TypeScript. https://www.tiptap.dev

Как запилить кастомный курсор: руководство по реализации и примеры практического применения из опыта креативного агентства 14islands → https://medium.com/p/89f1688a02eb

Iosevka, продвинутое семейство шрифтов для кода, терминалов и технических документов: отдельная узкая версия для повышения плотности текста, 17 наборов лигатур для разных языков программирования, настраиваемые символы в разных стилях и многое другое → https://typeof.net/Iosevka/

Проектируем таблицы для мобильных: обширное руководство по адаптации таблиц для узких экранов → https://www.uxmatters.com/mt/archives/2020/07/designing-mobile-tables.php

Дескрипторы шрифтов в CSS: новый способ уменьшить сдвиг элементов страницы при переключении на веб-шрифт за счёт подгона размеров фолбек-шрифта под загружаемый шрифт → https://www.smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/

CSS Indexes, обновляемый справочник по всем терминам и понятиям CSS: свойства, функции, селекторы и многое другое → https://drafts.csswg.org/indexes

[Реклама] 💬 Стори-курс — практический тренажёр для джуниор-фронтендера → https://s.banda.works/scf Зачем? — доказать, что вы способны выполнять ежедневные задачи фронтендера самостоятельно; — почувствовать уверенность в своих практических навыках; — получить проект в портфолио, с которым можно начать ходить на собеседования. Кому подходит? 1. Закончили курсы, но чувствуете себя неуверенно. Знаете много теории, но не хватает уверенности в практических навыках. 2. Не делали самостоятельных проектов. Устали смотреть ролики «Как создать проект с нуля», хотите сделать проект самостоятельно. 3. Ищете работу, но у вас слабое портфолио. Хотите сделать проект, который поможет вам получить приглашение на интервью. Подробности → https://s.banda.works/scf

Лучше практики форм регистрации: чеклист приёмов, которые улучшат UX регистрации на вашем сайте → https://web.dev/sign-up-form-best-practices/

Дизайнеры Treebo рассказали об опыте создания единой библиотеки иконок для своих продуктов: от мотивации до деталей реализации → https://tech.treebo.com/iconography-for-treebo-c379bc910da1

Request Quest: викторина от Джейка Арчибальда, в которой нужно определить, приведёт ли выполнение примеров кода к инициированию HTTP-запроса браузерами → https://jakearchibald.github.io/request-quest/

Nano Stores, новый стейт-менеджер от Андрея Ситника (создателя PostCSS и Logux) с фокусом на атомарность сторов, тришейкинг и вынос логики из компонентов → https://github.com/ai/nanostores

[Реклама] Публичное техническое собеседование на мидл фронтенд-разработчика 15 июня в 19:00 по Москве Яндекс.Практикум проведёт открытое публичное собеседование на тестовую вакансию мидл фронтенд-разработчика. Участники смогут не только следить за происходящим, но и задать вопросы спикерам. Мероприятие будет полезно тем, кто проходит технические собеседования по фронтенду и хочет себя проверить, а также для тех, кто сам проводит собеседования и заинтересован в новых техниках проведения. Участники:  — Семён Левенсон, фронтенд-разработчик в Яндекс.Дзене (первый собеседующий); —  Алексей Малинов, ex. фронтенд-разработчик в Яндекс.Маркете (второй собеседующий). — Владимир Сурыгин, фронтенд-разработчик с полуторалетним стажем, выпускник курса «Мидл фронтенд-разработчик» (собеседуемый). Подробности и регистрация

Astro, новый инструмент для разработки сайтов с фокусом на минимум клиентского JS: используйте React, Svelte, Vue, Preact или веб-компоненты, получайте после сборки статический HTML, интерактивные компоненты подгружаются по необходимости → https://astro.build/blog/introducing-astro

Изучаем тригонометрию с CSS и JavaScript: основы тригонометрии и способы её практического применения в серии статей Мишель Баркер. 1. Введение в тригонометрию 2. Творчески подходим к тригонометрическим функциям 3. Помимо треугольников: рисуем более сложные фигуры

[Реклама] React developer — это хардкорный онлайн-курс про самую популярную и востребованную JS-библиотеку для фронтенд-разработки → https://otus.pw/5gD6/ Справитесь ли вы с уровнем курса? Покажет вступительный тест. Пройдите тестирование, чтобы: — оценить свои навыки; — занять место по специальной цене; — получить доступ к демо-урокам курса; — попасть в закрытое сообщество профессионалов. Пройти тестирование → https://otus.pw/5gD6/

Хватит организовывать код по типу файлов: почему стоит попробовать организацию файлов по смыслу (например, по фичам или сущностям предметной области) → https://habr.com/ru/post/561240/

Практическое введение в точечную реактивность: Райан Карниато объясняет принципы, лежащие в основе MobX, Vue, Svelte и Knockout → https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf

Visual Viewport API: экспериментальный API, позволяющий узнавать и отслеживать изменение реальных размеров видимой области страницы → https://developer.mozilla.org/en-US/docs/Web/API/Visual_Viewport_API

Fig, полноценное автодополнение как в VS Code прямо в терминале → https://fig.io

[Вакансия, Москва] Фронтенд-разработчик в видеосервис START START — стриминговый видеосервис, предлагающий эксклюзивные премьеры российских фильмов и сериалов пользователям по всему миру в единой подписке без рекламы. В линейке START Originals представлены суперуспешные «Текст», «Содержанки», «Бывшие», «257 причин, чтобы жить» и десятки других фильмов, сериалов и документальных проектов. В связи с ростом компании ищем нового коллегу-фронтендера (сейчас у нас трое фронтендеров). Мы используем React, redux, redux-thunk, Next.js, Apollo, GraphQL. Предлагаем: — уютный офис в центре Москвы (м. Киевская/Спортивная); — ДМС со стоматологией; — гибкий график; — премии 2 раза в год (10% от полугодовой зарплаты). Пишите @MariyaEvs, на почту m.evstifeeva@start.ru, или откликайтесь на сайте → https://start.ru/jobs/44588412