Анимации в библиотеке компонентов: виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection
https://habr.com/ru/company/europlan/blog/593597/
https://habr.com/ru/company/europlan/blog/593597/
Хабр
Анимации в библиотеке компонентов: виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection
Хороший интерактивный дизайн формирует позитивный пользовательский опыт. Многие компании, которые создают библиотеки компонентов, помимо всего, пишут документацию с разделами по анимации и даже...
Reacting in Svelte — понимание компонентов в Svelte в стиле react
https://krishchilvery.medium.com/reacting-in-svelte-understanding-components-in-svelte-the-react-way-2882024fe84
https://krishchilvery.medium.com/reacting-in-svelte-understanding-components-in-svelte-the-react-way-2882024fe84
Medium
Reacting in Svelte — Understanding components in svelte the react way
This story is a part of the series “Reacting in Svelte”
Добавление пользовательской темы для фронтэнд-приложений
https://habr.com/ru/company/itransition/blog/594379/
https://habr.com/ru/company/itransition/blog/594379/
Хабр
Добавление пользовательской темы для фронтэнд-приложений
Привет, Хабр! Меня зовут Павел, я фронтэнд-архитектор в компании Itransition. Вот уже более 8 лет я работаю во фронтэнде. В течении этого времени мне довелось поработать с приложениями, как полностью...
Создание часов на чистом CSS с помощью элемента HTML time
https://matemarschalko.medium.com/set-the-css-only-clock-with-the-html-time-element-7c2067c02cd3
https://matemarschalko.medium.com/set-the-css-only-clock-with-the-html-time-element-7c2067c02cd3
Medium
Set the CSS-only clock with the HTML <time> element
Can we use the datetime=”” ISO value to set CSS custom Properties and start the CSS-only clock at the correct time??
Конфетти и CSS-матрёшка в дизайн-системе StackOverflow. О способах реализации анимации конфетти.
https://habr.com/ru/company/skillfactory/blog/594567/
https://habr.com/ru/company/skillfactory/blog/594567/
👍1
Друзья! Мечтаете «влететь» в IT? Или уже работаете в сфере, хочется стать круче?
ТехноДром — центр запуска и развития карьеры от IBS — подготовил программу «Ускорение», которая помогает молодым талантам и специалистам из других сфер начать карьеру в IT, а тем, у кого уже есть опыт, сделать рывок в карьере.
Почему «Ускорение» - не очередные «курсы для айтишников»?
▫️IBS предоставляет обучение на базе компании и заинтересованы в вашем росте , чтобы усилить команду.
▫️Официально устраивают на работу с первого дня на «Ускорении». После завершения программы вас ждёт участие в текущих проектах IBS.
▫️За обучение на «Ускорении» не нужно платить, а также его не нужно совмещать с другой работой.
▫️Вашими наставниками станут ключевые сотрудники компании IBS – ваши будущие коллеги, которые сопровождают вас от старта до финиша программы.
Узнайте больше об «Ускорении» и запишитесь на участие в программе
ТехноДром — центр запуска и развития карьеры от IBS — подготовил программу «Ускорение», которая помогает молодым талантам и специалистам из других сфер начать карьеру в IT, а тем, у кого уже есть опыт, сделать рывок в карьере.
Почему «Ускорение» - не очередные «курсы для айтишников»?
▫️IBS предоставляет обучение на базе компании и заинтересованы в вашем росте , чтобы усилить команду.
▫️Официально устраивают на работу с первого дня на «Ускорении». После завершения программы вас ждёт участие в текущих проектах IBS.
▫️За обучение на «Ускорении» не нужно платить, а также его не нужно совмещать с другой работой.
▫️Вашими наставниками станут ключевые сотрудники компании IBS – ваши будущие коллеги, которые сопровождают вас от старта до финиша программы.
Узнайте больше об «Ускорении» и запишитесь на участие в программе
Microsoft выпустила для браузера Edge инструмент, позволяющий обнаружить утечки памяти
https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/
https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/
Как оптимизировать размер бандла SPA и ускорить загрузку приложения в несколько раз
https://habr.com/ru/company/miro/blog/595307/
https://habr.com/ru/company/miro/blog/595307/
Как построить микро-фронтенд инфраструктуру на основе Vue
https://medium.com/js-dojo/how-to-build-a-vue-based-micro-frontends-infrastructure-5a7729d5ed9
https://medium.com/js-dojo/how-to-build-a-vue-based-micro-frontends-infrastructure-5a7729d5ed9
Medium
How to build a Vue-based micro-frontends infrastructure
Micro-frontend infrastructure can help you create better applications, regardless if you want to replace the app’s framework or not.
Получение элемента внутри компонента с помощью Vue querySelector
https://blog.logrocket.com/getting-element-component-vue-queryselector/
https://blog.logrocket.com/getting-element-component-vue-queryselector/
LogRocket Blog
Getting an element within a component with Vue querySelector - LogRocket Blog
Learn how to get an element within a component using its tag name, class name, or ID with the querySelector function in Vue.
Tailwind CSS — резюме после двух с половиной проектов. Гернот Гредвол делится результатами использования Tailwind в короткой заметке.
https://javascript.plainenglish.io/tailwind-css-a-recap-after-two-and-a-half-projects-303ef846f26e
https://javascript.plainenglish.io/tailwind-css-a-recap-after-two-and-a-half-projects-303ef846f26e
Medium
Tailwind CSS— A recap after two and a half projects
Tailwind created a lot of hype recently. But with all the hype there of course comes a lot of backslash as well. What are some of the…
Адаптивный CSS border radius с техникой Fab Four
https://blog.logrocket.com/responsive-css-border-radius-fab-four-technique/
https://blog.logrocket.com/responsive-css-border-radius-fab-four-technique/
LogRocket Blog
Responsive CSS border radius with the Fab Four technique - LogRocket Blog
Implement the Fab Four technique in CSS to apply a border-radius to an element depending on its container dimension.
Представляем fuite: инструмент для поиска утечек памяти в веб-приложениях
https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/
https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/
👍1
Создаём продвинутый React хук для блокировки прокрутки
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
LogRocket Blog
Create an advanced scroll lock React Hook - LogRocket Blog
Learn how to create and troubleshoot a custom scroll lock React Hook on web and mobile with this comprehensive tutorial.
Методы оптимизации производительности рендеринга React: часть 1
https://www.useanvil.com/blog/engineering/improve-optimize-react-render-performance-part-1/
https://www.useanvil.com/blog/engineering/improve-optimize-react-render-performance-part-1/
Anvil
Techniques to optimize react render performance: part 1
Understanding where your UIs are slow is the first step to optimizing their performance. Learn how to identify the slow parts of your React UIs using profiling tools along with other techniques.
Floating UI — Библиотека для работы с всплывающими подсказками, окнами, раскрывающимися списками, меню и многим другим
https://floating-ui.com/
https://floating-ui.com/
Объединение интервалов — задача с JS собеседования | Решаем задачи с LeetCode
https://www.youtube.com/watch?v=2Od3MV1-mpk
https://www.youtube.com/watch?v=2Od3MV1-mpk
YouTube
Объединение интервалов — задача с JS собеседования | Решаем задачи с LeetCode
Привет, друзья! Продолжаем решать задачи с javascript собеседований. Сегодня у нас очень популярная задача про объединение интервалов (56. Merge Intervals). Это очень практическая задача, так как она часто встречается в электронных календарях.
На LeetCode…
На LeetCode…
👍1
6 скрытых жемчужин JavaScript, которые вы, вероятно, пропустили
https://javascript.plainenglish.io/6-hidden-javascript-gems-you-probably-missed-but-will-make-you-a-shining-star-at-work-b57a3bcf8015
https://javascript.plainenglish.io/6-hidden-javascript-gems-you-probably-missed-but-will-make-you-a-shining-star-at-work-b57a3bcf8015
👍1