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

Modern Unix, подборка современных и более удобных альтернатив стандартным утилитам командной строки → https://github.com/ibraheemdev/modern-unix

Тестирование фронтенда для всех: Евгений Клименченко с обзором видов тестирования фронтенда, от юнит-тестов до тестирования доступности → https://css-tricks.com/front-end-testing-is-for-everyone

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

Лучше практики форм регистрации: чеклист приёмов, которые улучшат 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

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

Изучаем тригонометрию с CSS и JavaScript: основы тригонометрии и способы её практического применения в серии статей Мишель Баркер.

1. Введение в тригонометрию
2. Творчески подходим к тригонометрическим функциям
3. Помимо треугольников: рисуем более сложные фигуры

Хватит организовывать код по типу файлов: почему стоит попробовать организацию файлов по смыслу (например, по фичам или сущностям предметной области) → 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

Коллекция ожиданий от инженеров в различных компаниях: публичные матрицы компетенций, на основе которых оценивают уровень сотрудников и пересматривают зарплаты и должности → https://www.progression.fyi