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

Music Player with Slider

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

👉 @seniorFront


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

Pure CSS | FadeIn Text with bars | KeyFrames & Scss

Исчезающий текст с полосами. Написан на чистом CSS.

https://codepen.io/KaioRocha/pen/YoEVvZ


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

🐙 Noi – платформа для интеграции искусственного интеллекта с веб-сайтами. Она содержит наборы инструментов, плагины и функционал для создания заметок.

Сайтодел | #репозиторий #github


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

​​⚡️Вырезаем кусочек из объема, не залезая в объем

В этой статье хотим рассказать о том, как мы придумывали интерфейс для новой фичи в нашем реконструкторе SmartTomoEngine для данных компьютерной томографии (КТ) и что из этого получилось.

Читать...


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

This is a daily stats digest!
Today the bot processed: 11 messages
Today you received: 9 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: 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

​Сколько работают программисты?

Для начала, что такое "работа"? По моему мнению, это и обдумывание задачи, и планирование, и чтение рассылок, и написание кода и рисование набросков - всё это важно.
Но под работой часто имеют в виду именно написание кода.
Мне тяжело работать больше чем 5 часов. Я могу проработать и 8, и 12, но для этого нужно иметь очень точный план работы и точное описание результата. Обычно первого нет. Реже нет второго.

По 15 часов в день работают либо профнепригодные, неспособные выполнить задачу вовремя, либо одержимые. И то и другое говорит о низком уровне организации личного времени.

Кроме того, восьмичасовые сессии требуют регенерации - расплатой обычно оказывается качество кода и следующий рабочий день. Оно того не стоит.

Отдельная тема - работа в выходные. Работа в выходные - это всегда последствия ошибки в планировании. Я с опаской отношусь к людям, которые сидят на работе с утра до ночи и регулярно проводят там же выходные. Это не нормально.

Но не стоит путать работу над своими проектами и работу выходные. Это разные вещи.

👉 @seniorFront

Интересный codepen-проект: Cookie Factory

Это игра, реализованная с помощью CSS и JavaScript.

Исходники: https://codepen.io/vsueiro/pen/abaZzGo

@tproger_web #codepen


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

💾 Jello Tab Bar – табы с переключением цвета фона для каждой страницы. Главный плюс - анимация работает плавно.

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


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

​​⚡️Кэширование кода в веб-приложениях

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

Читать...


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

Leap Frog Likes

Это несколько svg картинок, которые анимируются в CSS.

👉 @seniorFront


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

​​😵Плохие практики разработки, которые до сих пор встречаю в стартапах

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

Читать...


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

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

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

​Как изменится веб-дизайн в 2024 году и что стоит изучить веб-дизайнерам, чтобы остаться востребованным специалистом

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

С веб-дизайнером Activica digital production, компании-эксперта в веб-разработке, Марией Симоновой обсудили, как изменится веб-дизайн в 2024 году и о чём следует помнить дизайнерам: https://tproger.ru/articles/kak-izmenitsya-veb-dizajn-v-2024-godu-i-chto-stoit-izuchit-veb-dizajneram--chtoby-ostatsya-vostrebovannym-specialistom

#тренды #дизайн


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

Slider with Button Wave Effect

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

👉 @seniorFront


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

​​🤝Unity WebGL + React

В этой статье мы поговорим про Unity, веб, как его дружить с мобильными телефонами, какие есть удобные трюки и приколы, и причём тут React.

Читать...


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

Поговорим про деньги в IT?

Приглашаем опытных IT-специалистов пройти небольшой опрос про зарплаты и бенефиты в технологических компаниях. Это займёт не более 7 минут.

Пройти опрос можно здесь


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

🖥 Geepay Fitness Tracking App – дизайн приложения для тренировок. Основные детали: пудрово-розовый фон, черные кнопки и небольшие яркие элементы.

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


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