Forwarded from React Junior
CSS-переменные для React-разработчиков
Статья (англ.): https://www.joshwcomeau.com/css/css-variables-for-react-devs/
CSS-in-JS решения позволяют писать очень гибкие стили, но не следует забывать про нативные возможности CSS. Автор статьи считает, что CSS-переменные aka кастомные свойства - это очень мощный инструмент, который иногда может переплюнуть все эти ваши JS-интерполяции.
CSS-переменные дают возможность изменять значения, а не свойства. Они декларативны, и код с ними становится короче и чище. CSS-переменные наследуются вложенными элементами, а при необходимости с ними можно легко взаимодействовать из JS-кода. Ко всему прочему, с помощью переменных можно анимировать то, что нельзя анимировать другими способами, например, градиенты (с некоторыми оговорками).
В статье рассмотрен конкретный кейс обеспечения доступности кнопки на тач-устройствах - в двух вариантах: CSS-in-JS (Styled Components) и CSS-переменные.
В целом полностью поддерживаю мнение автора, CSS-переменные - очень мощная штука, к тому же нативная.
#стили #ссылки
Статья (англ.): https://www.joshwcomeau.com/css/css-variables-for-react-devs/
CSS-in-JS решения позволяют писать очень гибкие стили, но не следует забывать про нативные возможности CSS. Автор статьи считает, что CSS-переменные aka кастомные свойства - это очень мощный инструмент, который иногда может переплюнуть все эти ваши JS-интерполяции.
CSS-переменные дают возможность изменять значения, а не свойства. Они декларативны, и код с ними становится короче и чище. CSS-переменные наследуются вложенными элементами, а при необходимости с ними можно легко взаимодействовать из JS-кода. Ко всему прочему, с помощью переменных можно анимировать то, что нельзя анимировать другими способами, например, градиенты (с некоторыми оговорками).
В статье рассмотрен конкретный кейс обеспечения доступности кнопки на тач-устройствах - в двух вариантах: CSS-in-JS (Styled Components) и CSS-переменные.
В целом полностью поддерживаю мнение автора, CSS-переменные - очень мощная штука, к тому же нативная.
#стили #ссылки
Joshwcomeau
How to use CSS variables with React • Josh W. Comeau
CSS variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and how our…
JavaScript для начинающих
Большой плейлист от Microsoft с короткими обучающими видео: https://proglib.io/w/05dc33f4
#video #beginners
Большой плейлист от Microsoft с короткими обучающими видео: https://proglib.io/w/05dc33f4
#video #beginners
Разные способы подключения комментариев к статическому сайту
От специальных сервисов до ручного добавления: https://proglib.io/w/2bcee018
От специальных сервисов до ручного добавления: https://proglib.io/w/2bcee018
Darek Kay
Various ways to include comments on your static site
Overview of different techniques to implement comments using a static site generator.
Разбираемся с мемоизацией в JavaScript
По мере того, как наши приложения растут и начинают выполнять более тяжелые вычисления, возникает все большая потребность в скорости и оптимизации. Тут может помочь мемоизация: https://proglib.io/w/7cc4d18d
По мере того, как наши приложения растут и начинают выполнять более тяжелые вычисления, возникает все большая потребность в скорости и оптимизации. Тут может помочь мемоизация: https://proglib.io/w/7cc4d18d
LinkedIn профиль, который хочет видеть каждый рекрутер
Гайд для разработчиков по созданию профиля на LinkedIn: https://proglib.io/w/f877ef9f
Гайд для разработчиков по созданию профиля на LinkedIn: https://proglib.io/w/f877ef9f
Media is too big
VIEW IN TELEGRAM
Ты умный и любишь свою профессию?
Ищешь стабильность и высокую зарплату?
Хочешь творить будущее?
Стремишься реализовать себя в крутых проектах?
Мечтаешь гордиться результатом работы вместе с профессиональной командой?
Приходи в международную IT-компанию Noveo!
https://noveo.ru/3AHN0Gl
Ждём твоё резюме на открытые вакансии:
[email protected]
Контактное лицо в Telegram: @yuliapalkina
Ищешь стабильность и высокую зарплату?
Хочешь творить будущее?
Стремишься реализовать себя в крутых проектах?
Мечтаешь гордиться результатом работы вместе с профессиональной командой?
Приходи в международную IT-компанию Noveo!
https://noveo.ru/3AHN0Gl
Ждём твоё резюме на открытые вакансии:
[email protected]
Контактное лицо в Telegram: @yuliapalkina
Интересный материал о децентрализованной конфигурации webpack + в конце вас ждет конструктивный диалог в комментариях 💬.
https://proglib.io/w/bd0c1642
https://proglib.io/w/bd0c1642
#performance
Подробный гайд по улучшению производительности JavaScript-бандлов с помощью Code-Splitting.
https://proglib.io/w/e0f4fc6e
Подробный гайд по улучшению производительности JavaScript-бандлов с помощью Code-Splitting.
https://proglib.io/w/e0f4fc6e
Smashing Magazine
Improving JavaScript Bundle Performance With Code-Splitting — Smashing Magazine
In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles.
#tools
Подборка наиболее популярных JavaScript-инструментов, разбитая по категориям.
https://proglib.io/w/20dcc9ec
Подборка наиболее популярных JavaScript-инструментов, разбитая по категориям.
https://proglib.io/w/20dcc9ec
Обучение JavaScript на практическом примере для начинающих 👉 https://proglib.io/w/cef71133
YouTube
Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина
↓↓↓ Таймкоды, ссылки на материалы в описании под видео ↓↓↓
Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования…
Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования…
Подборка советов и приемов на заметку JavaScript-разработчику 👉 https://proglib.io/w/bdbd366e
Morioh
10 JavaScript Tips and Tricks You Should Know
In this JavaScript tutorial, you'll see top 10 useful JavaScript tips and tricks to all of them that will help you improve your experience as a Javascript developer.
#react #node #javascript #webdev
Разработка и деплой fullstack-приложения для обмена сообщениями в чате в реальном времени с аутентификацией и СМС-уведомлениями.
https://proglib.io/w/b01958a8
Разработка и деплой fullstack-приложения для обмена сообщениями в чате в реальном времени с аутентификацией и СМС-уведомлениями.
https://proglib.io/w/b01958a8
YouTube
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
With Direct and Group Chats, emojis & Reactions, Built-in Gif support, the ability to edit & delete messages, specialized commands, and much more, this fully responsive Medical Pager is the best Chat App that you can currently find on YouTube.
You'll also…
You'll also…
Знакомимся с каскадными слоями в CSS на практике 👉 https://proglib.io/w/4456adcc
JS Self-Profiling API на практике 👉 https://proglib.io/w/788c7b5a
Web Performance Calendar
JS Self-Profiling API In Practice
Table of Contents
The JS Self-Profiling API
What is Sampled Profiling?
Downsides to Sampled Profiling
API
Document Policy
API Shape
Sample Interval
Buffer
Who to Profile
When to Profile
Specific Operations
User Interactions…
The JS Self-Profiling API
What is Sampled Profiling?
Downsides to Sampled Profiling
API
Document Policy
API Shape
Sample Interval
Buffer
Who to Profile
When to Profile
Specific Operations
User Interactions…
Неожиданная, но интересная комбинация технологий: NFT, модульные синтезаторы и JavaScript.
🔗 Пишем NFT модульный синтезатор на javascript 🤦
🔗 Рисуем генеративные грибы на javascript
🔗 Пишем NFT модульный синтезатор на javascript 🤦
🔗 Рисуем генеративные грибы на javascript
Хабр
Пишем NFT модульный синтезатор на javascript ?
В новый год всегда хочется чего-то нового. А даже если не хочется, то сознание, ещё не остывшее от работы, всё равно само возьмёт и подкинет какую-нибудь офигительную идею. И если в прошлом году...