FrontEndDev

Новогодние подарки Рабочей группы CSS: значения и единицы 4 уровня, медиавыражения 4 и 5 уровней

https://css-live.ru/vecssti-s-polej/novogodnie-podarki-rabochej-gruppy-css-znacheniya-i-edinicy-4-urovnya-mediavyrazheniya-4-i-5-urovnej.html

8.36K views08:14

FrontEndDev

WeakMap и WeakSet: понимание JavaScript weak references

https://blog.logrocket.com/weakmap-weakset-understanding-javascript-weak-references/

LogRocket Blog

WeakMap and WeakSet: Understanding JavaScript weak references - LogRocket Blog

Learn about weak references in JavaScript and how we can use them by utilizing the WeakMap and WeakSet objects.

8.45K views15:57

FrontEndDev

Создание настраиваемого Range Input, который будет одинаковым во всех браузерах

https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/

7.66K views07:30

FrontEndDev

NFT-арты в прошлом году наделали много шума.
IT-разработчик Контур тоже выпустил свой NFT-холст — коллаж из 1 296 изображений, которые создали сотрудники компании: разработчики, маркетологи, менеджеры продаж и техподдержки.

Они зашифровали фразы, которые отражают суть их работы (ценности компании, рабочие задачи из трелло, цифры, буквы и код), в изображения.

Потом все изображения объединили в NFT-холст и выставили на аукцион.
Деньги от продажи пойдут на развитие образовательных проектов в IT.

7.8K viewsedited 11:03

FrontEndDev

Эффективный способ создания MERN-приложения (Mongo Express React Node)

https://blog.bitsrc.io/an-efficient-way-to-set-up-a-mern-stack-application-12fd87fad90d

8.02K views12:50

FrontEndDev

Создание PWA с помощью Vue.js

https://blog.logrocket.com/building-pwa-vue/

LogRocket Blog

Building a PWA with Vue.js - LogRocket Blog

Discover what a PWA is, how to build one with Vue.js, and some tips, tricks, and best practices you can use along the way.

👍1

8.18K views14:30

FrontEndDev

Делаем доступную якорную ссылку «Skip to Content» с помощью React.

https://levelup.gitconnected.com/build-an-accessible-skip-to-content-anchor-link-with-react-140903f3bd7e

Medium

Build an accessible “Skip to Content” anchor link with React.

Let’s build an accessible Skiplink React component. Skiplinks are the first step towards a keyboard accessible web with minimal effort …

7.69K views07:30

FrontEndDev

Лучшие WebSocket библиотеки для Node.js в 2022 году

https://blog.logrocket.com/top-websocket-libraries-nodejs-2022/

LogRocket Blog

Top WebSocket libraries for Node.js in 2022 - LogRocket Blog

WebSockets are a great way to add real-time functionality to your app, revolutionizing the web development space as we know it.

8.06K views12:50

FrontEndDev

9 клевых CSS-инструментов, которые стоит использовать в 2022 году

https://blog.devgenius.io/9-awesome-css-tools-that-you-should-use-in-2022-2155eed03c4c

Medium

9 Awesome CSS Tools That You Should Use in 2022

Useful CSS tools and resources to boost your productivity.

8.93K views14:30

FrontEndDev

PurgeCSS: удаление неиспользуемого CSS кода

https://blog.logrocket.com/purgecss-remove-unused-css-code/

LogRocket Blog

Guide to removing unused CSS code with PurgeCSS - LogRocket Blog

In this article, we explored PurgeCSS, a tool to remove unused CSS from your code, thereby reducing file size and improving optimization.

👍1

7.9K views12:50

FrontEndDev

Front-end Science with Sergey Puzankov: Первое интервью фронтендера самоучки (30+). Решил более 2000 задач на Codewars

https://www.youtube.com/watch?v=8Xuftz2IiAI

YouTube

Первое интервью фронтендера самоучки (30+). Решил более 2000 задач на Codewars

Привет, друзья! Сегодняшнее собеседование будет в поддержку тем, кто свитчится после 30 лет из других сфер деятельности во фронтенд. Наш сегодняшний участник — Антон (32 года) долгое время работал SEO-оптимизатором, после чего решил попробовать себя в роли…

8.62K views14:30

FrontEndDev

YaTalks 2021: доклады про фронтенд

https://www.youtube.com/playlist?list=PLKaafC45L_SSj9alzlF_saWXX-4GpjXRD

8.5K views07:30

FrontEndDev

Три способа скрыть сайт от поиска Google

https://apix-drive.com/ru/blog/useful/tri-sposoba-skryt-sajt-ot-poiska-google

Apix-Drive

Три способа скрыть сайт от поиска Google

Как скрыть сайт от поиска Google ➨ ✓ что для этого нужно? ✓ как это сделать? ✓ какие существуют методы? • Рассказываем простыми словами всё, что вам нужно знать про то, как скрыть сайт от поиска Google!

8.35K views13:15

FrontEndDev

Добавление Persistence Effect в сцены на Three.js

https://tympanus.net/codrops/2021/12/28/adding-a-persistence-effect-to-three-js-scenes/

Codrops

Adding a Persistence Effect to Three.js Scenes | Codrops

If you have written any WebGL applications in the past, be it using the vanilla API or a helper library such as Three.js

8.23K views14:30

FrontEndDev

Как создать круговую диаграмму, используя только CSS

https://www.freecodecamp.org/news/css-only-pie-chart/

9.01K views07:30

FrontEndDev

Более умный JavaScript Mapper: array.flatMap()

https://dmitripavlutin.com/javascript-array-flatmap/

Dmitri Pavlutin Blog

A Smarter JavaScript Mapper: array.flatMap()

array.flatMap() is a method on the array that let's you map elements a littler smarter.

👍4

8.52K views14:30

FrontEndDev

Добавьте сервис-воркер на свой сайт.

О том, какие профиты даст сервис-воркер и как его подключить расскажет Крис Фердинанди.

https://css-tricks.com/add-a-service-worker-to-your-site/

CSS-Tricks

Add a Service Worker to Your Site | CSS-Tricks

One of the best things you can do for your website in 2022 is add a service worker, if you don't have one in place already. Service workers give your website

👍2😱1

8.69K viewsedited 07:30

FrontEndDev

Whoosh — минималистичный менеджер состояний React

https://habr.com/ru/post/599519/

Хабр

Whoosh — минималистичный менеджер состояний React

Привет, Хабр! Разрешите поделиться своим велосипедом. Речь пойдет о минималистичном менеджере состояний React, интерфейс которого состоит из одной функции — createShared() . GitHub репозиторий проекта...

8.25K views14:30

FrontEndDev