Быстрый, резкий, как пуля, дерзкий. Как работать над перфомансом сайта, чтобы нравиться пользователям и Гуглу
https://habr.com/ru/post/647079/
https://habr.com/ru/post/647079/
👍6
Создание микроинтерфейсов Svelte с помощью Podium
https://blog.logrocket.com/building-svelte-micro-frontends-podium/
https://blog.logrocket.com/building-svelte-micro-frontends-podium/
LogRocket Blog
Building Svelte micro frontends with Podium - LogRocket Blog
Use Podium to create a micro frontend, to compile two individual Svelte applications into one application that's easier to manage.
👍7👎2
Svelte Carousel — Супер легкая и супер простая карусель для Svelte
https://github.com/beyonk-adventures/svelte-carousel
https://github.com/beyonk-adventures/svelte-carousel
GitHub
GitHub - beyonk-group/svelte-carousel: A super lightweight, super simple Carousel for Svelte 3
A super lightweight, super simple Carousel for Svelte 3 - beyonk-group/svelte-carousel
👎15😁4
NoJS — Создание калькулятора с использованием только чистого HTML и CSS. No Javascript!
https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html
https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html
👍10🤯8👎2
Делаем текстовый редактор с Lexical и React.
https://blog.logrocket.com/build-rich-text-editor-lexical-react/
https://blog.logrocket.com/build-rich-text-editor-lexical-react/
LogRocket Blog
Building a rich text editor with Lexical and React - LogRocket Blog
Lexical is a dependency-free, extensible text editor framework that is being actively developed by Facebook.
👍5
:where() :is() :has()? CSS селекторы, которые сделют вашу жизнь проще.
https://polypane.app/blog/where-is-has-new-css-selectors-that-make-your-life-easier/
https://polypane.app/blog/where-is-has-new-css-selectors-that-make-your-life-easier/
👍13👎2
BEM vs. SMACSS: Сравнение CSS методологий.
https://blog.logrocket.com/bem-vs-smacss-comparing-css-methodologies/
https://blog.logrocket.com/bem-vs-smacss-comparing-css-methodologies/
LogRocket Blog
BEM vs. SMACSS: Comparing CSS methodologies - LogRocket Blog
In this article, we'll directly compare BEM and SMACSS, two widely used CSS methodologies, and see how they stack up against each other.
👎10👍7🔥1
Используем CSS Grid чтобы сделать фиксированный сайдбар с проскроливаемым основным контентом
https://www.paigeniedringhaus.com/blog/use-css-grid-to-make-a-fixed-sidebar-with-scrollable-main-body
https://www.paigeniedringhaus.com/blog/use-css-grid-to-make-a-fixed-sidebar-with-scrollable-main-body
Paigeniedringhaus
Use CSS Grid to Make a Fixed Sidebar with Scrollable Main Body
Forget position: absolute and position: fixed , reach for CSS Grid instead.
👍9🤮3😱1
Вводдное руководство по CI/CD для фронт разработчиков.
https://blog.tegadev.xyz/an-introductory-guide-to-ci-cd-for-frontend-developers
https://blog.tegadev.xyz/an-introductory-guide-to-ci-cd-for-frontend-developers
👍15👎1
Собираем React приложение при помощи Vite
https://blog.openreplay.com/building-a-react-application-with-vite
https://blog.openreplay.com/building-a-react-application-with-vite
👍11👎2
deno_lint — быстрый линтер для JavaScript и TypeScript, написанный на Rust
https://github.com/denoland/deno_lint
https://github.com/denoland/deno_lint
GitHub
GitHub - denoland/deno_lint: Blazing fast linter for JavaScript and TypeScript written in Rust
Blazing fast linter for JavaScript and TypeScript written in Rust - denoland/deno_lint
👍10😱2🤔1
react-tracking: декларативное отслеживание для приложений на React.
https://blog.logrocket.com/react-tracking-declarative-tracking-react-apps/
https://blog.logrocket.com/react-tracking-declarative-tracking-react-apps/
LogRocket Blog
react-tracking: Declarative tracking for React apps - LogRocket Blog
Declarative tracking is a method of tracking a user's interactions on a webpage. Explore declarative tracking using react-tracking.
👍7❤3🙏1
Используем GraphiQL для понимания схемы GraphQL. GraphiQL можно рассматривать как Postman для REST API.
https://blog.logrocket.com/visualizing-graphql-schema-with-graphiql/
https://blog.logrocket.com/visualizing-graphql-schema-with-graphiql/
LogRocket Blog
Visualizing GraphQL schema with GraphiQL - LogRocket Blog
Visualizing GraphQL schema with GraphiQL can help devs simplify their development process in a hassle-free way.
👍3🥰2💩2
Продвинутые вопросы для CSS собеседования. Реализуем if-else.
https://medium.com/frontend-canteen/an-advanced-css-interview-question-implement-if-else-in-css-bb681d786d76
https://medium.com/frontend-canteen/an-advanced-css-interview-question-implement-if-else-in-css-bb681d786d76
Medium
An Advanced CSS Interview Question: Implement if-else in CSS
One of my friends recently came across a funny CSS interview question during an interview. When I first saw the question, I thought it was…
👍15💩3❤2
Обработка массивов: for-of vs. .reduce() vs. .flatMap()
https://2ality.com/2022/05/processing-arrays-non-destructively.html
https://2ality.com/2022/05/processing-arrays-non-destructively.html
💩18👍5