Обложка канала

Библиотека фронтендера. Страница 6

Полезные материалы по всему, что может быть интересно frontend-разработчику.

  • Библиотека фронтендера

    За последние несколько лет фронтендеры хотели иметь возможность выбирать значение из списка в CSS, переключая одно кастомное свойство. У нас есть space toggle для логических значений, и, возможно, однажды мы получим запросы стиля, но что насчет сегодняшнего дня? Читайте подробнее о технике Cyclic Dependency Space Toggles, которую недавно обнаружил Роман Комаров.
    Cyclic Dependency Space Toggles

    Over the past few years, I wanted to be able to select a value from a list in CSS by toggling a single custom property. We have the “space toggle” for booleans, and hopefully, one day, we’ll get style queries, but what about today? In this article, I present you with the technique I recently discovered.

    kizu.dev
  • Библиотека фронтендера

    Использование useMutation в React Query для создания продвинутого переключателя «Продвинутый» в данном случае означает обыкновенный переключатель, но с такими фичами, как выполнение внешнего запроса при нажатии, появление индикатора рядом с переключателем во время выполнения запроса и отображение ✅ / ❌ при успешном/неуспешном выполнении запроса. Читать
    Using useMutation to make an advanced toggle in React

    Recently, we were adding some new functionality to our dashboard, and we wanted an experience like this: The basic features are: * The toggle should make an external request when clicked to change the setting * While the request is being made, a loading spinner should appear next to the toggle * If

    PropelAuth Blog
  • Библиотека фронтендера

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

  • Библиотека фронтендера

    🎙Подкаст «Веб-стандарты»: Алексей Симоненко, Андрей Мелихов, Юля Миоцен, Вадим Макеев про State of CSS, новинки Figma, NestJS 10, веб на Vision Pro, MDN Playground, using в TS/JS и стили в RSS. 00:02:10 State of CSS 00:10:59 Новинки Figma 00:49:22 NestJS 10 00:52:42 Веб на Vision Pro 01:07:21 MDN Playground 01:13:50 Using в TS/JS 01:23:36 Стили для RSS 01:33:07 Ответы на вопросы 🎙Слушайте на Ютубе 🎙Ссылки на сайте

    Веб-стандарты - 375. State of CSS, новинки Figma, NestJS, веб на Vision Pro, MDN…

    audio/mpeg
  • Библиотека фронтендера

    ✍️ «Библиотека программиста» находится в поиске переводчика технических статей Обязанности • Перевод технических статей, документации и руководств с английского на русский язык. • Редактирование и корректура переведенных текстов для обеспечения высокого качества и своевременной доставки переводов. Что значит редактирование? Просто так взять DeepL и слово в слово перевести статью не получится? • Не получится. Как правило, 10–40% текста — «вода». Переводчик должен убрать все лишнее и оставить главное, чтобы читатель не тратил время на чтение «забавной истории из жизни моего питомца, который внес неоценимый вклад в написание данного материала». Мы предлагаем • Удаленку. • Официальное трудоустройство. • Своевременную оплату за выполненную работу. ➡️ Заполнить анкету ⬅️ Я хорошо программирую, но пишу «так себе». Что делать? Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
  • Библиотека фронтендера

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

    Простой способ создать красивый градиентный текст: на заметку фронтендеру. #css #tip by Shripal Soni
  • Библиотека фронтендера

    👨‍💻🗺️ Кому в IT жить хорошо: Indeed опубликовал список из 19 наиболее востребованных спецов за рубежом в 2023 году Рассказываем, кем нужно быть и какой стек начать изучать, чтобы жить в Кремниевой долине и зарабатывать от $150 000. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    Segun Adebayo, наиболее известный своей библиотекой компонентов Chakra UI, вернулся с новым подходом CSS-in-JS Новый инструмент может похвастаться стилями, сгенерированными во время сборки, безопасностью типов из коробки и масштабируемостью. Он работает с Remix, Vite, Next.js, Astro и даже с RSC. 💡 Подробнее
  • Библиотека фронтендера

    🏗️ Ненужная сложность: почему мы неправильно проектируем программное обеспечение В этой статье расскажем про причины неправильного проектирования ПО и предложим средства для устранения анти-шаблона ненужной сложности. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    Постепенно улучшайте HTML с помощью облегченных JavaScript-библиотек «Никаких инструментов сборки, компиляторов и хлопот». UnsuckJS: сравнительная таблица JavaScript-библиотек, в которой представлены популярность (последний коммит, количество звезд, форков и других показателей), размер и последние версии таких библиотек, как Preact, bau, htmx, Hyperapp, Mithril и многих других.
  • Библиотека фронтендера

    Взгляд на новое ключевое слово using в TypeScript 5.2 using добавляет что-то похожее на управление контекстом Python with в TypeScript, предоставляя способ автоматического запуска функции Symbol.dispose, когда объект выходит из области видимости. Вы можете использовать его для отключения соединений с базой данных, закрытия файловых дескрипторов и т. д. Читать
  • Библиотека фронтендера

  • Библиотека фронтендера

    Путешествие в царство легаси. Как маленькая задача привела к большому рефакторингу

    Привет! Меня зовут Артем Коньков, я frontend-разработчик в СберМаркете. А еще, я тот человек, который в фильмах ужасов спускается в темный подвал вопреки инстинкту самосохранения. Во-первых, потому...

    Хабр
  • Библиотека фронтендера

    👨‍🎓Бесплатный курс по Vue.js от Ильи Климова (JavaScript.Ninja) и Клуба Vue.js-разработчиков 36 практических видеоуроков об архитектуре Vue.js, подводных камнях, концепциях и многом другом. Смотреть
    Бесплатный курс по Vue.js: о структуре

    Присоединяйтесь к миру JavaScript и Vue.js вместе с нами Наше сообщество: https://t.me/vuejs_club Поддержать автора видео можно на Patreon https://patreon.com/javascriptninja Содержание: 00:00 О курсе и кому он не подойдёт 04:40 Структура курса 21:00 Чего не будет на курсе

    YouTube
  • Реклама

  • Библиотека фронтендера

    Если вы уже знакомы с React, но не чувствуете уверенности в ее использовании с TypeScript, это онлайн-руководство от Matt Pocock точно для вас: 🍿 40+ видео и статей 🔥 21 интерактивный урок и многое другое
  • Библиотека фронтендера

    Angular Keynote | Minko Gechev & Jeremy Elbourn | ng-conf 2023

    In this keynote, the Angular team discusses the latest features of the Angular framework, including the new Signals API, and talks about what the future of Angular looks like. Join the Angular Community: http://www.ng-conf.org/ Get your ng-conf tickets: https://ti.to/ng-conf Follow Us: https://twitter.com/ngconf Read More: https://medium.com/ngconf Hear More: http://theangularshow.com ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge on Salt Lake City, UT every year to attend talks and workshops by the Angular team and community experts.

    YouTube
  • Библиотека фронтендера

    Если вы фронтенд-разработчик, то чтобы стать еще более универсальным и востребованным нужно постоянно развиваться и приобретать продвинутые навыки. Для этого Яндекс Практикум создал конструктор на основе курсов для фронтенд-разработчиков, где вы можете выбрать только самые необходимые скиллы для своего развития. Учитесь только тому, что вам нужно Продвинутый JS, архитектура, повышение производительности и безопасности веб-приложений В удобное время Выбирайте время для старта обучения и перерывов: каждый модуль запускается 1 раз в месяц C обратной связью На каждом модуле есть индивидуальные или групповые проекты Составляйте свою программу обучения из нескольких модулей и экономьте до 20% от их стоимости. На модули действует прогрессивная скидка: Два модуля - 15% на второй Три модуля - 20% на второй и третий За каждый пройденный этап вы получите сертификат о повышении квалификации. Узнать подробнее можно здесь