Reveal Text on Scroll

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

👉 @seniorFront


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

​​😎Архитектура MVC и поддержка реактивности для jQuery

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

Читать...


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

What's really going on?

Анимация загрузки в перспективе, реализованная на чистом CSS.

https://codepen.io/jh3y/pen/GRxmqEb


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

✍️ Proxima Nova Soft – версия геометрического шрифта Proxima Nova, но с более скругленными деталями. Этот шрифт выглядит нейтрально и поэтому подходит для разных стилей. Пример есть тут: Nutanix Loading Screen

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


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

Exploring UI

Анимировано библиотекой GSAP. Логика переключения слайдов реализована в JS.

👉 @seniorFront


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

Rotating border

Граница сделана из псевдоэлементов, которые анимируются в CSS.

https://codepen.io/Chokcoco/pen/dypaobm


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

​​⚡️Динамические Breadcrumbs на React, React Router и Apollo GraphQL

В этой статье вы узнаете о том, как реализовать динамические Breadcrumbs в React приложении с использованием React Router, Apollo GraphQL и TanStack Query.

Читать...


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

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

Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Senior Frontend Developer | JavaScript, React, HTML & CSS: 3 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

Character with longest consecutive repetition

Для заданной строки s найти символ c (или C) с самым длинным последовательным повторением и вернуть: [c, l]
где l (или L) - длина повтора. Если есть два или более символов с одинаковым l, возвращается первый в порядке появления.

Для пустой строки возвращается:["", 0]

Примеры:
longestRepetition("aaaabb") => ["a",4]
longestRepetition("bbbaaabaaaa") => ["a",4]
longestRepetition("cbdeuuu900") => ["u",3]

👉 @seniorFront


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

💾 Toggles – анимированные переключатели, которые меняют цвет, внешний вид внутреннего элемента и даже положение в пространстве.

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


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

Шпаргалка по оконным функциям в SQL

В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.

Шпаргалка в высоком разрешении: https://tprg.ru/UcR6

@tproger_web #бэкенд #sql


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

​​📈 9 главных трендов в разработке фронтенда в 2024 году

В этой статье рассмотрим самые популярные языки, технологии, инструменты и архитектурные концепции.

Читать...


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

Minimal Clothing Catalogue

Вёрстка реализована на HTML и SCSS.

👉 @seniorFront


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

​​⚡️Как разработать браузерное расширение в Chrome на React: разбираем на примере Cloudhood

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

Читать...


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

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

Top 3 source channels:
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 2 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 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

​​BulidWith — это платформа для выявления технологий, которыми пользуются различные сайты.

С ее помощью можно определять движки, расширения, технологические стеки и сторонние сервисы, подключенные к веб-ресурсы. Доступна интеграция с CRM: https://builtwith.com/

@tproger_web #инструменты


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

🔥 Годнота

Наткнулся на базу с 1400 вопросов с собеседований на Frontend разработчика. Фишка в том что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏


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

aria-level

aria-level помогает браузерам и вспомогательным технологиям рассказать об уровнях элементов, когда не можете передать их иерархию с помощью чистого HTML.

Пример

Гайвань


Скринридеры прочтут код примерно так: «Гайвань, заголовок первого уровня».

Используйте для заголовков теги –. У них по умолчанию есть свойство aria-level. Когда по крайне важной причине верстаете кастомные заголовки, учитывайте несколько особенностей поведения aria-level.

Заголовок с ролью heading без aria-level автоматически получает второй уровень.

👉 @seniorFront


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

​​🚀Реактивные формы во Flutter: как делать формы с меньшими трудозатратами

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

Читать...


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

​Когда к резюме попросили приложить пример лично написанной программы:


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