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

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

19371 @frontendproglib
Открыть

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

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

    Веб-разработчику на заметку: коллекция распространенных шаблонов в одном месте. https://web.dev/patterns/
    Patterns

    A collection of code snippets to help you optimize your web projects.

    web.dev

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

    Новогодние праздники подходят к концу, надеемся вы успели провести их с пользой😌 А если нет, спешим напомнить: Сегодня последний день 50% распродажи курсов в Библиотеке программиста! – Математика для Data Science – Алгоритмы и структуры данных – Как айтишнику устроиться в международную компанию – Основы IT для непрограммистов – Основы программирования на Python – Frontend Basic: принцип работы современного веба. 🏄 Успейте забронировать скидку на любой из курсов: https://proglib.io/w/e90c5539 Начните новый год правильно! И не забывайте - завтра подводим итоги конкурса, где можно выиграть: 🥇 Apple AirPods Pro 2 🥈 Курс «Математика для Data Science 🥉 Курс: «Алгоритмы и структуры данных» 👉Поторопитесь, подробности по ссылке: https://proglib.io/w/e72668b2

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

    Как уменьшить размер npm-пакета: общие советы и полезные практические аспекты. Читать
    Экстремально уменьшаем размер NPM пакета

    Однажды я захотел создать небольшую NPM библиотеку по всем “best practices” - с покрытием тестами, написанием документации, ведением нормального версионирования и changelog'а и т.п. Даже написал пару...

    Хабр

  • Реклама

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

    Подкаст «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев про React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility, order и тригонометрию в CSS. 00:01:16 React Concurrency 00:18:34 Мифы HTTP3 00:39:12 Сжатие картинок 00:48:10 SVG-фильтры 00:53:55 CSS visibility 00:58:11 Порядок чтения 01:12:27 Тригонометрия в CSS 🔗 Слушать на Ютубе 🔗 Ссылки на сайте

    Веб-стандарты - 351. React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility…

    audio/mpeg

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

    #css #tip by reactive_dude Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.

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

    Введение в React Batching на примерах: от создания (v0.4.0) до React 18. Смотреть
    React Batching от создания (v0.4.0) до React 18

    React Batching - это инструмент, который неявно присутствует в ежедневной разработке, но все же его понимание, может помочь ускорить вашу страницу, а так же объяснить иногда казалось бы странное поведение рендера Для тех кто хочет стать спикером: https://holyjs.ru/callforpapers/?utm_source=tg&utm_medium=social&utm_campaign=post&utm_term=pc_announce&utm_content=batching_cfp Поддержать Айти Синяка можно здесь: YouTube: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q/join boosty: https://boosty.to/sin9k Patreon: https://www.patreon.com/ITSin9k 00:00 Анонс темы 01:25 Знакомство со спикером 02:44 Задачки по батчингу 07:35 От теории к практике 09:55 Что есть батчинг 11:08 unstable_batchedUpdates 14:15 Пример из реальной жизни 17:14 flushSync 21:31 Redux не решает проблему 24:12 История батчинга 28:38 Вспоминаем React версии 0.4.0 30:00 Благодарность 30:45 Вопросы и Ответы Подписаться на канал: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q?sub_confirmation=1 Twitter: https://twitter.com/it_sin9k ________________ Канал о Фронтенде, который хочется порекомендовать (telegram): https://t.me/frontendnoteschannel ------------------------- Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом

    YouTube

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

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

    Sailboat UI — современная библиотека UI-компонентов для Tailwind CSS. Под капотом более 150 компонентов Tailwind с открытым исходным кодом. https://sailboatui.com/

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

    Рефакторинг на максималках Книга выросла из доклада «Рефакторинг на максималках» Алексея Беспоясова в 2022 году, при подготовке которого стало очевидно, что в 40-минутный слот не получится затолкать всё, о чём хотелось бы рассказать. Книга о том, как эффективно и без боли рефакторить код. В ней обсуждается польза рефакторинга для разработки/бизнеса; рассматривается, как искать проблемы в коде; исследуются возможные решения этих проблем. Примеры написаны преимущественно на JavaScript и иногда на TypeScript, но описанные техники рефакторинга применимы и в других высокоуровневых языках. Если вы не пишите на JS/TS, но можете понять небольшие фрагменты кода на них, то эта книга может оказаться полезной и вам тоже. Источник

    refactor-like-a-superhero-ru.pdf

    application/pdf

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

    Сравнение элементов двух массивов в JavaScript: с использованием объектов Set и с применением функций высшего порядка. Читать
    Продвинутые методы программирования на JavaScript: сравнение элементов двух массивов

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

    NOP::Nuances of programming

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

    Руководство, в котором на примерах демонстрируется разница между похожими, но одновременно различными UI-виджетами. Про новый атрибут popover автор тоже не забыл. Читать
    Dialogs, modality and popovers seem similar. How are they different? | hidde.blog

    Hidde's blog about web accessibility, standards, HTML, CSS, JavaScript and more.

    hidde.blog

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

    Быстрый взгляд на новую возможность HTML, которая может заменить множество кастомных компонентов ввода на основе <div>: <selectmenu>. Читать
    Однажды у нас будет полностью настраиваемый select

    Сегодня я хочу рассмотреть предложенную функцию HTML, которая может в итоге заменить множество пользовательских компонентов ввода на основе

    : . CSS это круто Позвольте...

    Хабр

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

    Кастомная стилизация радиокнопок (radio buttons) и флажков (checkboxes) с использованием CSS. Читать
    Styling checkboxes and radio buttons with CSS

    How to style checkboxes and radio buttons with CSS

    Iamkate

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

    Пишем сайт в стиле 90-х с использованием современных HTML, CSS и JS. Читать
    Создаём веб-сайт, как будто сейчас 1999 год

    Раньше веб был более странным местом В прошлом году я поставила перед собой цель вернуть дух старого веба, креативность и шарм конца 90-х и начала 2000-х. В те времена не было правил, ты ставил на...

    Хабр

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

    Серия документальных мини-фильмов от команды Honeypot для фронтендера: 🎬 Vue.js 🎬 Ember.js 🎬 Elixir 🎬 GraphQL
    Vue.js: The Documentary

    by honeypot.io | What began as a side project of a Google developer now shares the JS leaderboard with #React and #Angular... With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story of how he fought against the odds to bring #Vuejs to life. Check out the home for untold developer stories around open source, careers and all the other cool stuff developers are doing at https://bit.ly/3FGSlim Honeypot is a developer-focused job platform, on a mission to get every developer a great job. Wanna see what we're all about? Check out https://www.honeypot.io/?utm_source=youtube Follow us: Twitter: https://twitter.com/honeypotio Facebook: https://www.facebook.com/Honeypotio/ Linkedin: https://www.linkedin.com/company/10210811/ Instagram: https://www.instagram.com/honeypot.cult/

    YouTube

  • Реклама

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

    Думаете все знаете об HTML-элементах <details> и <summary>? А вот и нет.👇 Читать
    The details and summary elements, again | scottohara.me

    I've already written about the

    and elements, but there is more to tell, and there have been some changes since I la...

    www.scottohara.me

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

    Я 💛 Фронтенд Записи трансляций с конференции о любви к вебу. Смотреть
    [Воркшоп] Пишем свой текстовый редактор - Сергей Чикуёнок

    Сделать свой текстовый редактор в браузере легко: добавляем contenteditable любому элементу и можем менять текст и форматирование. Или нет? А если нужно ограничить возможности редактирования? Или во время набора текста подсвечивать ссылки или хэштеги? На мастер-классе Сергей Чикуёнок с нуля создаст свой текстовый редактор, используя только веб-платформу. Вопросы можно задавать в чате конференции #вопрос https://t.me/yalovefrontend

    YouTube

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

    Фронтендеру на заметку: простые советы по использованию border-radius. Читать

    Tips, tricks and tutorials on the web’s most beautiful language.

    CSS { In Real Life } | Logical Border Radius