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

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

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

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

    Любопытная реализация темной темы на HTML/CSS и с добавлением JavaScript. Читать
    Progressively-enhanced dark mode - Darin Senneff

    Recently, I added a dark mode setting to my website. Dark mode is a color theme feature that’s pretty common these days. Letting users adjust the color of…

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

    Three attributes for better web forms

    Better UX through better HTML: inputmode, enterkeyhint, and autocomplete.

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

    Рисуем верёвку в формате SVG при помощи JavaScript Подробный обзор каждого из этапов преобразования SVG-контура в векторный рисунок верёвки. Читать
    Рисуем верёвку в формате SVG при помощи JavaScript

    Сегодня я расскажу о процессе, который я придумал для преобразования SVG-контура в векторный рисунок верёвки. Вы узнаете, как превратить показанный слева контур в верёвку справа: Эта задача возникла...

    Хабр
  • Реклама

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

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

    🎙 Подкаст «Веб-стандарты»: Никита Дубко, Вадим Макеев и Андрей МелиховSafari про PWA, Chrome Headless, генераторы статики, без сборки, TS Reset, Codux, Vercel Cache API 00:00:00 Интро 00:01:16 Safari TP 00:07:47 Apple про PWA 00:17:46 Chrome Headless 00:25:50 Статьи и курсы 00:38:43 Генераторы статики 00:49:39 Фронтенд без сборки 00:59:10 TypeScript Reset 01:05:26 WYSIWYG для React 01:16:59 Vercel Cache API 01:27:26 Ответы на вопросы 🔗Слушайте на Ютубе 🔗Ссылки на сайте
    358. Safari, PWA, Chrome Headless, генераторы статики, без сборки, TS Reset, Codux, Vercel Cache API

    27 февраля 2023 — Никита Дубко — Вадим Макеев — Андрей Мелихов 00:00:00 Интро 00:01:16 Safari TP 00:07:47 Apple про PWA 00:17:46 Chrome Headless 00:25:50 Статьи и курсы 00:38:43 Генераторы статики 00:49:39 Фронтенд без сборки 00:59:10 TypeScript Reset 01:05:26 WYSIWYG для React 01:16:59 Vercel Cache API 01:27:26 Ответы на вопросы Ссылки на сайте https://web-standards.ru/podcast/358/

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

    🏭 25 лучших практик отправки кода в продакшн Практические советы для стартапов и крупных технологических компаний о том, как отправлять код в продакшн и минимизировать риск простоя и ошибок. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    Пожалуй, один из лучших обзоров библиотек React в 2023 году. Все разбито по категориям, а в конце каждого раздела вас ждут советы, которые позволят сделать правильный выбор. Читать
    React Libraries for 2023

    A comprehensive list of all React libraries used in 2023. If you are new to React, its ecosystem of libraries may be overwhelming. However, all these React libraries offer everything you need to build large scale applications with React ...

    www.robinwieruch.de
  • Библиотека фронтендера

    Полное понимание асинхронности в браузере Эта статья — своего рода попутка собрать воедино все мысли по этой теме, разнесенные по разным местам интернета. Читать
    Полное понимание асинхронности в браузере

    Про асинхронность JavaScript написано много статей, документации и книг. Но вся информация сильно распределена по интернету, поэтому сложно быстро и полностью разобраться, что к чему, и составить...

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

    #css #tip by reactive_dude Знаете ли вы о свойстве filter в CSS? Буквально пара строк для добавления черно-белых эффектов к изображениям.
  • Библиотека фронтендера

    Frontend-разработчики, Сбер приглашает вас познакомиться и пройти все этапы отбора в команду на One Day Offer, который состоится 5 марта ⚡️ Если вы уже больше двух лет занимаетесь коммерческой разработкой, знаете React и получили профильное образование — не упустите возможность стать частью команды и получить оффер всего за один день. 👉 Чем вы будете заниматься, если успешно пройдете техническое интервью? Поддерживать и развивать официальный сайт СберБанка — онлайн-витрину сервисов и продуктов банка, а также его экосистемы. Команда фронтенда в Сбере состоит из 100+ крутых специалистов топ-компаний мира и использует в своей работе автоматизированную инфраструктуру разработки в облаках и только самый современный стек: React, TypeScript, NodeJS, Webpack, PostCSS и др. Если вы хотите стать частью команды — переходите по ссылке, регистрируйтесь на One Day Offer и готовьтесь к собеседованию 😉
  • Библиотека фронтендера

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

    📌 Полезные заметки по оптимизации CSS-кода. Читать
    Улучшаем производительность сайта с помощью CSS

    Кирилл Мыльников  Frontend разработчик ГК Юзтех Всем привет, я Кирилл, frontend разработчик компании Usetech. Сегодня я бы хотел поговорить о том, как можно улучшить производительность сайта с...

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

    Состояние ядра Node.js Колин Айриг из основной команды Node.js делится последними разработками ядра платформы. 🌐 Смотреть
    The State of Node.js Core ft. Colin Ihrig | JS Drops

    Node.js, as a platform, is constantly changing and evolving. Node’s core is a melting pot of features from our own community, as well as dependencies such as V8 and libuv. This talk will cover the latest developments in Node core. Follow Colin Ihrig on Twitter: https://twitter.com/cjihrig JS Drops offers bite sized tech content, presented by experts in the JavaScript ecosystem and beyond! Check in every Wednesday at 4:11PM ET for a brand new drop! JS Drops is presented by This Dot: https://www.thisdot.co/ Follow This Dot Labs on Twitter: https://twitter.com/ThisDotLabs Follow This Dot Media on Twitter: https://twitter.com/ThisDotMedia Music Used: "EDM Detection Mode" Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 4.0 License http://creativecommons.org/licenses/b...

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

    🎙️Подкаст «Веб-стандарты»: Андрей Мелихов, Алексей Симоненко, Никита Дубко, Вадим Макеев про Firefox 110, Chrome DevTools 110/111, тюнинг шрифтов, PWA в Safari, CSS-вишлист, нестинг и postcss-preset-env. 00:01:39 Firefox 110 и Contaier Queries 00:19:50 Chrome DevTools 110/111 00:33:48 Тюнинг шрифтов 00:43:47 PWA-релиз Safari 16.4 00:58:15 Нестинг и postcss-preset-env 01:14:46 CSS-вишлист 01:29:16 Ответы на вопросы 🔗 Слушайте на Ютубе 🔗 Ссылки на сайте

    Веб-стандарты - 357. Firefox 110, Chrome DevTools 110/111, шрифты, Safari 16.4,…

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

    Начало работы с Style Queries Style queries приходят в стабильную версию Chrome. В Chrome 111 (другие основные браузеры уже поддерживают) вы можете запрашивать значения кастомных CSS-свойств, чтобы применять стили к дочерним элементам. Разбираемся, что к чему.👇 Читать
    Что такое Style Queries?

    Эта статья — перевод оригинальной статьи " Getting Started with Style Queries " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки...

    Хабр
  • Реклама

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

    Чего ожидать от Vue в 2023 Эван Ю, создатель Vue.js, объясняет, чем Vue 3 отличается от Vue 2, и, в частности, как эволюционировало использование Virtual DOM. https://thenewstack.io/vue-2023/
    What to Expect from Vue in 2023 and How it Differs from React

    Vue.js creator Evan You explains how Vue 3 is different from Vue 2, and in particular how its use of the Virtual DOM has evolved.

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

    🧑‍💻Спецификация языка ECMAScript от 2023 года и руководство по тому, как ее читать, которое призвано облегчить начало работы с лучшим доступным справочником по JavaScript.
  • Библиотека фронтендера

    🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ ttps://otus.pw/zOsk/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru