Почему стоит перейти на pnpm.
Плюсы и минусы pnpm в сравнении с npm и yarn.
https://medium.com/@buffet_time/why-you-should-move-to-pnpm-82962f332418
Плюсы и минусы pnpm в сравнении с npm и yarn.
https://medium.com/@buffet_time/why-you-should-move-to-pnpm-82962f332418
🤔15👍5
Tailwind UI — это скам.
Переписываем неоптимальный темплейт Tailwind UI.
https://medium.com/codex/tailwind-uis-a-scam-part-2-let-s-rewrite-a-template-28645a19c50c
Переписываем неоптимальный темплейт Tailwind UI.
https://medium.com/codex/tailwind-uis-a-scam-part-2-let-s-rewrite-a-template-28645a19c50c
Medium
Tailwind UI’s A Scam Part 2, Let’s Rewrite A Template!
As I said in the previous article, Failwind makes you write garbage bloated HTML, with accessibility and usability failings galore, relying…
👍12👎9
Трюки и подробности работы с CSS тенями.
https://medium.com/@rocchokcoco/css-shadow-tricks-and-details-you-didnt-know-1496845b2552
https://medium.com/@rocchokcoco/css-shadow-tricks-and-details-you-didnt-know-1496845b2552
🔥12👍2
Применяем SOLID принципы в React
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
👍15🔥2
Библиотека как продукт: от папки в проекте до международного опенсорса
https://habr.com/ru/company/tinkoff/blog/597689/
https://habr.com/ru/company/tinkoff/blog/597689/
👍7
Рекурсивные компоненты во Vue - рендерим вложенные комментарии.
https://blog.logrocket.com/rendering-nested-comments-recursive-components-vue/
https://blog.logrocket.com/rendering-nested-comments-recursive-components-vue/
LogRocket Blog
Vue recursive components: Rendering nested comments - LogRocket Blog
Explore how you can use recursive components in Vue to manage tree-like structured data with an example comments section.
👍6💩3
10 способов отцентровать div
https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/
https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/
🔥26👍4❤3👎1😢1
eaf-linter — linter/prettier, делающий все максимально просто.
https://github.com/fairfield-programming/eaf-linter
https://github.com/fairfield-programming/eaf-linter
GitHub
GitHub - fairfield-programming/eaf-linter: 🤪 A linter, prettier, and test suite that does everything as-simple-as-possible.
🤪 A linter, prettier, and test suite that does everything as-simple-as-possible. - fairfield-programming/eaf-linter
👍5💩4😁2🔥1
Создаем загрузочный скелетон страницы на React
https://blog.bitsrc.io/how-to-build-a-skeleton-loader-with-react-1dd359cda582?gi=de550f0108f
https://blog.bitsrc.io/how-to-build-a-skeleton-loader-with-react-1dd359cda582?gi=de550f0108f
👍4
Набор красивых эффектов для анимации границ.
https://medium.com/frontend-canteen/fantastic-css-border-animation-b02e06828beb
https://medium.com/frontend-canteen/fantastic-css-border-animation-b02e06828beb
👍13
Подборка инструментов для оптимизации изображений.
https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/
https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/
😁20👍9
Делаем эффект поднимающихся пузырьков на CSS.
https://medium.com/@rocchokcoco/css-awesome-sticky-bubble-effect-d2cc23241153
https://medium.com/@rocchokcoco/css-awesome-sticky-bubble-effect-d2cc23241153
🔥26❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Индикатор прокрутки стрницы на чистом CSS
https://medium.com/@rocchokcoco/pure-css-scrolling-indicator-effect-8a70a89bed19
https://medium.com/@rocchokcoco/pure-css-scrolling-indicator-effect-8a70a89bed19
👍17🔥9😁4
Делаем доступные табы на JavaScript.
Спойлер: не так просто, как обычные табы.
https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/
Спойлер: не так просто, как обычные табы.
https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/
👍9🔥3
Разбираемся с динамическими импортами в React для ускорения загрузки приложения
https://blog.openreplay.com/understanding-react-dynamic-imports-for-faster-websites
https://blog.openreplay.com/understanding-react-dynamic-imports-for-faster-websites
👍10❤1🔥1
Шпаргалка для собеседований по фронтенду, которая помогла получить офферы от Amazon и LinkedIn
https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7
https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7
🔥21❤1👍1👎1
Почему ваш закешированный JS все еще медленный.
https://www.webperf.tips/tip/cached-js-misconceptions/
https://www.webperf.tips/tip/cached-js-misconceptions/
😁16👍6🔥1
Как организован CSS в Figma
О возможностях flexbox и grid при создании сложных макетов.
https://ishadeed.com/article/figma-css/
О возможностях flexbox и grid при создании сложных макетов.
https://ishadeed.com/article/figma-css/
👍10
Иногда вам не нужен JavaScript. Пара примеров фич с релизацией на HTML + CSS.
https://javascript.plainenglish.io/sometimes-you-dont-need-javascript-at-all-73a6a226a1c3
https://javascript.plainenglish.io/sometimes-you-dont-need-javascript-at-all-73a6a226a1c3
👍9😁8👎1