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
Создаём кастомные элементы формы с ElementInternals.
https://css-tricks.com/creating-custom-form-controls-with-elementinternals/
https://css-tricks.com/creating-custom-form-controls-with-elementinternals/
CSS-Tricks
Creating Custom Form Controls with ElementInternals | CSS-Tricks
Ever since the dawn of time, humanity has dreamed of having more control over form elements. OK, I might be overselling it a tiny bit, but creating or
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Отрисовываем данные в реальном времени с Vue, NodeJS и socket.io
https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io
https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io
👍9❤🔥2🔥1💩1
Переводим речь в PDF с NextJS и Express.
https://css-tricks.com/converting-speech-to-pdf-with-nextjs-and-expressjs/
https://css-tricks.com/converting-speech-to-pdf-with-nextjs-and-expressjs/
👍8
Семантический HTML: <article> vs. <section>. Что выбрать?
https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility
https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility
😁31👍10🤮3💩1
structuredClone(): глубокое копирование объектов в JS. Обзор новой функции которая уже скоро будет доступна в браузерах, NodeJS и Deno.
https://2ality.com/2022/01/structured-clone.html
https://2ality.com/2022/01/structured-clone.html
🔥28❤1😁1