Frontend-разработка
2 subscribers
878 photos
579 videos
3.31K links
Агрегатор каналов о фронтенде
Download Telegram
5 сборщиков модулей для приложений Node.js

Составили подборку из пять сборщиков модулей для приложений Node.js, указали плюсы и минусы каждого из них и рассказали, как их установить.

Смотреть статью


Original post link: t.me/senior_front/1852
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 9 messages
Today you received: 8 messages
Our filtering prevented you from: 1 messages

Top 3 source channels:
Senior Frontend Developer: 3 message(s)
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 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
​​Оператор cache: в поиске Google перестанет работать в ближайшее время

Оператор cache: нужен, чтобы найти кэшированную версию страницы, генерируемую Google, даже если не удаётся перейти на сайт.

Дэнни Салливан, представитель Google SearchLiaison, рассказал об удалении возможности просмотреть кэшированную версию страницы через добавление «cache:» к URL-адресу в поиске.

Как отмечает Салливан, оператор cache: — одна из старейших функций Google, необходимая, чтобы пользователи не теряли доступ к данным, когда сайт недоступен. Сейчас таких ситуаций практически не происходит, поэтому было решено от функции отказаться.

Салливан надеется, что в будущем Google договорится с Internet Archive об интеграции ссылок на копии сайтов из The Wayback Machine в раздел «Об этом результате». А пока будет так.

#интернет #google


Original post link: t.me/tproger_web/4344
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Cube Effect Slider

Куб сделан при помощи библиотеки Swiper. Частицы на фоне генерируются библиотекой tsparticles.

👉 @seniorFront


Original post link: t.me/seniorFront/3787
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Dynamic CSS

Динамическое изменение цвета анимированных элементов при перемещении курсора мыши.

https://codepen.io/sandrina-p/pen/axVeGg


Original post link: t.me/senior_front/1853
Forwarded and filtered by @smartfeed_bot
​​Как научиться анимациям в 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
Media is too big
VIEW IN TELEGRAM
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
This media is not supported in your browser
VIEW IN TELEGRAM
💾 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
​​👤Микрофронтенды с 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
This media is not supported in your browser
VIEW IN TELEGRAM
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
This media is not supported in your browser
VIEW IN TELEGRAM
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