​Солнце: Я самый тяжелый объект в своей системе.

Нейтронная звезда: Я самый тяжелый объект на несколько десятков тысяч световых лет.

Черная дыра: Я самый тяжелый объект в галактике.

node_modules:


Original post link: t.me/tproger_web/4430
Forwarded and filtered by @smartfeed_bot

Eletric Spinner

Размытие реализовано при помощи svg картинки. Всё остальное свёрстано и анимировано на HTML и SCSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3888
Forwarded and filtered by @smartfeed_bot

​​🤠Монорепозиторий с pnpm и typescript для фронтенда на React и бэкенда на Node.js

В этой статье мы установим pnpm, создадим воркспейсы для фронта и бека, импортируем что угодно из одного в другое, типизируем запросы и избавляемся от бойлерплейта.

Читать...


Original post link: t.me/frontendnoteschannel/3394
Forwarded and filtered by @smartfeed_bot

Scattering hexagons

Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.

https://codepen.io/K-T/pen/OJLxzVq


Original post link: t.me/senior_front/1902
Forwarded and filtered by @smartfeed_bot

💾 CSS-Only Directionally Aware Hover – темный фильтр для картинки, который скользит вслед за курсором по вертикали и по горизонтали. От курсора зависит, с какой стороны изображения выплывает фильтр.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1694
Forwarded and filtered by @smartfeed_bot

​​🚀Zustand.js: современный, невесомый, производительный и очень гибкий state manager

В этой статье вы узнаете о state manager'е Zustand.js, который является современным, невесомым, производительным и гибким инструментом для управления состоянием в веб-разработке.

Читать...


Original post link: t.me/frontendnoteschannel/3396
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 14 messages
Today you received: 8 messages
Our filtering prevented you from: 6 messages

Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Веб-страница: 4 message(s)
Senior Frontend - javascript, html, css: 4 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

CSS Animation Effects

В этом видео создаётся svg картинка, которая затем анимируется в CSS. В итоге получается простой и оригинальный loader.

👉 @seniorFront


Original post link: t.me/seniorFront/3891
Forwarded and filtered by @smartfeed_bot

​​Какой инструмент для сборки лучше: Webpack или vite?

Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.

Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?

@tproger_web #обсуждение


Original post link: t.me/tproger_web/4433
Forwarded and filtered by @smartfeed_bot

​​Какую профессию вы бы выбрали, если бы не IT?

Представьте, что профессии фронтендера, бэкендера, сисадмина, да и всего IT никогда не существовало. Чем бы вы занялись и какую профессию освоили?

@tproger_web #обсуждение


Original post link: t.me/tproger_web/4434
Forwarded and filtered by @smartfeed_bot

​​🥳Написание слоя API в приложении — это прошлый век! Встречайте универсальный прокси

В данной статье я хочу поделиться методом, который позволяет избежать этих сложностей.

Читать...


Original post link: t.me/frontendnoteschannel/3398
Forwarded and filtered by @smartfeed_bot

Понимание условий асинхронной гонки JavaScript

Термин «состояние гонки» обычно применяется к конфликту при доступе к общим переменным в многопоточной среде. В Javascript ваш JS-код выполняется только одним потоком за раз, но все же можно создавать похожие проблемы.

Это распространенная проблема, когда люди просто вслепую делают свои функции асинхронными, не задумываясь о последствиях.

https://dev-gang.ru/article/ponimanie-uslovii-asinhronnoi-gonki-javascript-jro3mt2525/


Original post link: t.me/senior_front/1903
Forwarded and filtered by @smartfeed_bot

✍️ Gochi Hand – это типографская интерпретация почерка подростка. Шрифт выглядит спонтанным и непринужденным, но на самом деле все символы хорошо проработаны и подходят для печати. Пример есть в дизайне "Kids Toys & Games Store Website"

Сайтодел | #шрифт


Original post link: t.me/sitodel/1695
Forwarded and filtered by @smartfeed_bot

​​😎Директор директив. Расширяем функционал angular-компонентов красиво. Директива-контекст

В этой статье автор расскажет о том, как использовать директивы в Angular для расширения функционала компонентов.

Читать...


Original post link: t.me/frontendnoteschannel/3400
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 9 messages
Today you received: 7 messages
Our filtering prevented you from: 2 messages

Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Веб-страница: 2 message(s)
Senior Frontend - javascript, html, css: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

​​Google Chrome начнет защищать от фишинга в реальном времени

Google объявила войну злодеям в интернете, внедрив новые возможности в свой браузер Chrome: https://tproger.ru/articles/google-chrome-nachnet-zashhishhat-ot-fiwinga-i-virusov-v-realnom-vremeni

Раньше Chrome сравнивал адрес сайта со списком опасных, который обновлялся раз в полчаса. А мошенники наловчились создавать левые сайты на пару минут, успевая делать гадости.

Google решили это исправить и тепер защита от вирусов и фишинга работает в реальном времени. Chrome мгновенно сверяется с базой Google, где хранится инфа о «плохих» сайтах. Результат: на 25% больше заблокированных мошеннических страниц.

Google обещает, что вся проверка происходит анонимно и безопасно. Обновление вот-вот появится в Chrome для компьютеров и iOS. А в течение месяца еще и на Android.

@tproger_web #безопасность #chrome #google


Original post link: t.me/tproger_web/4435
Forwarded and filtered by @smartfeed_bot

Are the numbers in order?

Ваша задача определить, находятся ли числа в порядке возрастания.
Пустой массив и массив с одним значением автоматически считается отсортированным в порядке возрастания.

Пример:
inAscOrder([1,2,4,7,19]); // true
inAscOrder([1,2,3,4,5]); // true
inAscOrder([1,6,10,18,2,4,20]); // false

👉 @seniorFront


Original post link: t.me/seniorFront/3892
Forwarded and filtered by @smartfeed_bot

Вместе уютно собираемся по вечерам каждый у себя дома и учимся верстать сайты с нуля. В комплекте приятная музыка, тёмная тема и добрейшее сообщество неопытных верстальщиков, которые вообще-то огого и всем ещё покажут.

Всё это будет на бесплатном марафоне по HTML и СSS «ночной кружок по вёрстке», который пройдёт с 20 по 25 марта.

За 6 дней вы:

— Изучите основы веб-технологий и попробуете себя в роли фронтенд-разработчика;
— Напишете в тренажёрах свои строчки кода и увидите как изменяется страница сайта в реальном времени;
— Поймёте нравится ли вам веб-разработка

Вступить в кружок.


Original post link: t.me/frontendnoteschannel/3401
Forwarded and filtered by @smartfeed_bot

​​💪Angular на стероидах: наращиваем производительность при помощи WebAssembly

В статье описывается процесс написания функций для работы с простыми числами на AssemblyScript, компиляции их в WebAssembly, передачи двоичных данных через WebAssembly API и вызова этих функций из приложения Angular.

Читать...


Original post link: t.me/frontendnoteschannel/3402
Forwarded and filtered by @smartfeed_bot

Wavy Color Cube

Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.

https://codepen.io/hexagoncircle/pen/MWwjpYY


Original post link: t.me/senior_front/1904
Forwarded and filtered by @smartfeed_bot