Вайб-кодинг

Одно правило CSS для отображения * у всех обязательных меток полей: на заметку фронтенд-разработчику ↘️ Поиграть можно здесь ➡️ @tips_frontend

✅️ GitHub теперь в Telegram! Подписывайтесь: @GitHub

CSS-свойство shape-outside в действии: на заметку фронтенд-разработчику 👉 Поиграть можно здесь ➡️ @tips_frontend

Совет по HTML 🔝 Для улучшения UX, результатов поисковых систем и доступности используйте элемент <time> для отображения даты, времени или продолжительности на веб-страницах ➡️ @tips_frontend

Совет по CSS 👆 Простое исправление, чтобы избежать этой распространенной проблемы случайного выбора флажка ➡️ @tips_frontend

Подготовка к фронтенд-собесу: архитектурная часть YouTube-блог, в котором разбираются ключевые принципы архитектуры систем на примере популярных приложений: Notion, Google Calendar/Sheet и другие. 📺 Смотреть ➡️ @tips_frontend

Network => Overview: простой способ фильтрации запросов по времени в Chrome Dev Tools ➡️ @tips_frontend

⚡️ Бесплатное обучение фронтенд-разработке с нуля с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 10 декабря стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать фреймворки — Angular и React Вот план обучения: 💡 с 10 по 15 декабря свой киносайт на Angular 💡 а с 17 по 21 декабря свою доску объявлений на React Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства с помощью ИИ. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать бесплатно Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Первые уроки уже доступны

Простой способ использования свойства gap для макета flexbox ➡️ @tips_frontend

Пример базовой анимации для маркеров/номеров HTML-списка с помощью псевдоэлемента ::marker Поиграть можно здесь ➡️ @tips_frontend

Самый простой способ вертикального центрирования контента в макете блока: на заметку фронтенд-разработчику Поиграть можно здесь ➡️ @tips_frontend

Готовишься к собеседованию в IT? Разбираем для тебя самые актуальные вопросы для подготовки Выбирай направление: 👩‍💻 Frontend 👩‍💻 Python 👩‍💻 Go 👩‍💻 Java 👩‍💻 C/C++ 👩‍💻 C# 👩‍💻 PHP 👩‍💻 QA 🖥 SQL 👩‍💻 Git

KeyUX — JavaScript-библиотека для улучшения UI управления клавиатурой веб-приложений. Основная цель — не только обеспечение доступности (a11y), но и создание инструментов, где пользователи предпочитают использовать клавиатуру для управления. 🔜 Ключевые фичи: 🟡 Добавление горячих клавиш с помощью aria-keyshortcuts 🟡 Отображение состояния :active кнопки при нажатии горячей клавиши 🟡 Навигация с помощью стрелок клавиатуры в списках с role="menu" 🟡 Переход к следующему разделу по aria-controls и возврат с помощью Esc 🟡 Возможность пользователям переопределять горячие клавиши 🟡 Размер 2KB и отсутствие зависимостей 🟡 Совместимость с любыми фреймворками 👩‍💻 GitHub ➡️ @tips_frontend

Легко предотвращайте цепочку прокрутки и улучшайте UX Поиграть можно здесь ➡️ @tips_frontend

Семантический способ выделить часть текста с помощью HTML-элемента <mark>: на заметку фронтенд-разработчику Поиграть можно здесь ➡️ @tips_frontend

CodHub теперь в Telegram❗️ Добро пожаловать в наш проект CodHub l Программирование — Мы собираем для вас лучшие материалы любых направлений в одном канале: 📱 Frontend 👩‍💻 C++ 📱 Python 🤔 Hacking 📱 Java 👩‍💻 Golang 📱 C# 👩‍💻 Linux 👩‍💻 Lua 👩‍💻 php 👩‍💻 Kotlin 👩‍💻 Git 👩‍💻 Assembler 👩‍💻 Swift 🖥 SQL 👩‍💻 Mob. Develop 👣 Backend 🐞 Qa Automation 🖥 Arduino 🖥 Desing Успей подписаться❗️ — @CodHub_tg

Быстрый способ выбора элементов в Chrome Dev Tools: на заметку фронтенд-разработчику ➡️ @tips_frontend

⚡️ Бесплатное обучение фронтенд-разработке с нуля с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 3 декабря стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать три фреймворка — Vue, Angular и React Вот план обучения: 💡 с 3 декабря напишете фронтенд для сервиса доставки 💡 с 10 декабря свой киносайт 💡 а с 17 по 21 декабря свою доску объявлений Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства с помощью ИИ. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать бесплатно Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Первые уроки уже доступны

➡️ @tips_frontend