👨‍💻🚀 Пример галереи изображений на CSS + HTML с эффектом наведения. Код здесь.

✍️ «Библиотека программиста» находится в поиске переводчика технических статей

Обязанности
• Перевод технических статей, документации и руководств с английского на русский язык.
• Редактирование и корректура переведенных текстов для обеспечения высокого качества и своевременной доставки переводов.

Что значит редактирование? Просто так взять DeepL и слово в слово перевести статью не получится?
• Не получится. Как правило, 10–40% текста — «вода». Переводчик должен убрать все лишнее и оставить главное, чтобы читатель не тратил время на чтение «забавной истории из жизни моего питомца, который внес неоценимый вклад в написание данного материала».

Мы предлагаем
• Удаленку.
• Официальное трудоустройство.
• Своевременную оплату за выполненную работу.

➡️ Заполнить анкету ⬅️

Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».

💭Как вы пришли во фронтенд?

Многие, вероятнее всего, начинали свой путь с верстки. А что было дальше? JavaScript, TypeScript, React, Angular, Vue, … ?

#холивар

Использование useMutation в React Query для создания продвинутого переключателя

«Продвинутый» в данном случае означает обыкновенный переключатель, но с такими фичами, как выполнение внешнего запроса при нажатии, появление индикатора рядом с переключателем во время выполнения запроса и отображение ✅ / ❌ при успешном/неуспешном выполнении запроса.

Читать

За последние несколько лет фронтендеры хотели иметь возможность выбирать значение из списка в CSS, переключая одно кастомное свойство.

У нас есть space toggle для логических значений, и, возможно, однажды мы получим запросы стиля, но что насчет сегодняшнего дня?

Читайте подробнее о технике Cyclic Dependency Space Toggles, которую недавно обнаружил Роман Комаров.

4 способа перебора JavaScript-объекта, которые стоит знать: на заметку фронтенд-разработчику.

#javascript #tip by Shripal Soni

Анастасия Щедрина, фронтенд-техлид проекта размещения объявлений в компании Домклик, рассказывает об устройстве правил в ESLint и показывает примеры разработки собственных.

Статья будет полезна как тем, кто уже задумался о создании своих правил, так и тем, кто использует линтер, но не знает принципов его работы.

Читать

💭 Можете назвать ваш личный топ-3 инструментов, которые вы используете в ходе разработки/отладки/профилирования веб-приложений? Git в расчет не берем, ведь его и так все используют.

Кажется, это будет VS Code, Chrome DevTools и ...

#холивар #devtool

В продолжение вчерашней темы, ловите 15 полезных советов и рекомендаций по использованию DevTools

Здесь вам и про кейсы получения используемого списка шрифтов, и про измерение произвольного расстояния, и про обнаружение неиспользуемого кода, и про многое другое.

Читать

#devtool

🔥 Новости и обновления популярных инструментов: подборка для фронтендера

◾️ Ecma International утвердила спецификацию ECMAScript 2023
◾️ Анонс TypeScript 5.2 Beta
◾️ Возможности WebKit в бета-версии Safari 17
◾️ Что нового в DevTools (Chrome 116)?
◾️ Firefox 115 и Chrome 116.0.5845.14 для разработчиков
◾️ Примечания к выпуску Safari Technology Preview 173
◾️ NestJS 10
◾️ Ember.js 5.0
◾️ styled-components 6.0
◾️ Remix 1.18.0
◾️ esbuild 0.18.10
◾️ Radash 11.0
◾️ Tween.js 21.0
◾️ psd 0.4
◾️ DOCX 8.2
◾️ NodeBB 3.2

#news

Введение в потоковую передачу данных в вебе: чанки, обработка backpressure с помощью веб-потоков, server-sent events и многое другое.

Читать

Как эффективно тестировать хуки React с помощью Vitest: гайд для фронтенд-разработчика.

Читать

Пример более чистого и краткого способа записи нескольких значений в консоль, по сравнению с console.log(‘values of a/b’, a, b);

#javascript #tip by Shripal Soni

Любопытная серия статей о некоторых полезных инструментах и ​​методах для фронтенд-разработчиков и дизайнеров (началась в 2021 году):

🔸 Инструменты аудита CSS
🔸 Генераторы CSS
🔸 Полный гайд по доступности фронтенд-компонентов

🗺️💼 Трудоустройство в России и за рубежом: в чем ключевые отличия

Давно мечтали устроиться на работу в иностранную IT-компанию и получать зарплату в долларах или евро? Давайте разберемся, как происходит отбор за рубежом и чем он отличается от трудоустройства в России.

🔗 Основной сайт
🔗 Зеркало

Мини-книга по эффективной разработке на TypeScript

Книга содержит исчерпывающий и краткий обзор возможностей TypeScript и охватывает все аспекты последней версии языка: от его мощной системы типов до расширенных функций.