​​Как научиться анимациям в CSS за 20 минут?

В CSS существует два способа создания анимаций: переходы (transitions) и анимации (animations). В статье рассказываем, на что способен каждый из них: https://tproger.ru/articles/kak-nauchitsya-animaciyam-v-css-za-2-minut

#css


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

​​Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN, а на просторах интернета полно статей на этот счет.

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

Читать...


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

​​🗃Доменные имена с валидным SSL для локальных Docker-контейнеров

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

Читать...


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

Cursor Follow Navigation Menu

В этом видео создаётся оригинальный эффект при наведении на меню при помощи CSS и JS.

👉 @seniorFront


Original post link: t.me/seniorFront/3788
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:
Веб-страница: 3 message(s)
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 2 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

💾 Mini Music Player – стильный музыкальный плеер, написанный на Vue.js. Тут можно переключать песни, добавлять их в избранное и смотреть ссылки с информацией.

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


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

👉 @seniorFront


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

​​Жаль этого добряка...


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

@tproger_web pinned a message

​​👤Микрофронтенды с Module Federation: истории внедрения в готовый проект и создания с нуля

В этой статье речь пойдет о том, как мы делаем микрофронтенды, а также мы расскажем про опыт интеграции в существующий проект, а потом про внедрение с нуля.

Читать...


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

​​SEO от А до Я для веб-разработчиков

В этом ролике мы рассмотрим основные принципы СЕО оптимизации. SEO для веб разработчиков. Основы СЕО оптимизации, мета теги, чпу, open graph seo, canonical ссылки, sitemap, robots.txt, микроразметка, краулинговый бюджет, ssr vs spa: https://youtu.be/JU79n3yU1aA

#spa #seo


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

Pizza Toggles

Оригинальные переключатели, реализованные с использованием возможностей препроцессоров Haml и SCSS.

👉 @seniorFront


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

​​🤔Почему вам стоит использовать Styled Components

В этой статье я вам расскажу за дискомфорт и как же Styled Components позволяет от него избавиться.

Читать...


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

Detect Mouse Position

Интересный эффект при наведении на кнопку, написанный с помощью Pixi.js.

https://codepen.io/JuanFuentes/pen/QWNYJqV


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

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

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

​​React Native против Flutter: что лучше

React Native и Flutter — популярные фреймворки для создания кросс-платформенных мобильных приложений.

React Native использует два отдельных потока JavaScript для взаимодействия с нативной платформой. Flutter имеет собственный высокопроизводительный движок рендеринга, который рендерит пиксель-перфектные версии виджетов iOS и Android.

Конечно, Flutter обычно работает быстрее, так как компилируется непосредственно в машинный код и не требует моста JavaScript. Но для большинства различий будут незаметны для конечного пользователя.

В статье сравнили React Native и Flutter, чтобы выяснить, какой фреймворк лучше показывает себя в мобильной разработке: https://tproger.ru/articles/react-native-protiv-flutter--chto-luchwe

#flutter #reactnative #mobidev


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

Dots & Ring Loader

Оригинальный загрузчик, реализованный с использованием препроцессоров Pug и SCSS.

👉 @seniorFront


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

​​⚛️Знакомство c Reatom

Замена RTK, Zustand и React Query:
В этой статье мы кратко пройдёмся по мотивации и истории, а потом разберём основные фичи и примеры их использования вместе с биндингами к React.js.

Читать...


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

​Моя директория: Downloads
Я: cd downloads
Linux:


Original post link: t.me/ithumor/10773
Forwarded and filtered by @smartfeed_bot

🖥 Abstract 3D Coral Shapes – набор из 16 объемных фигурок кораллов: 8 красно-оранжевых и 8 сине-зеленых. Все фигурки сгенерированы ИИ и имеют высокое качество.

Сайтодел | #макет #figma


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