Как подписаться на Code Ready | Frontend в MAX?

Скачайте приложение MAX, найдите канал @code_ready через поиск и нажмите «Подписаться».

Code Ready | Frontend — канал MAX | 87 подп. | MaxВсем

Code Ready | Frontend

11 дек.

Напоминалка для работы с HTML! Например, <head><head> содержит метаданные страницы, теги вроде <div><div> и <span><span> используются для структурирования разметки, а <h1>–<h6><h1>–<h6> — для иерархии заголовков. На картинке — компактная шпаргалка с базовыми HTML-тегами: структура документа, текстовая разметка, списки, таблицы, формы и основные события форм. Сохрани, чтобы не забыть! Code ReadyCode Ready | #ресурсы

Открыть публикацию

Code Ready | Frontend

11 дек.

Mutation Observer API — контроль и реакция на изменения DOM! В этой шпаргалке собраны основные методы и свойства Mutation Observer API для отслеживания структурных и атрибутных изменений DOM. Здесь отражены инструменты, позволяющие наблюдать за добавлением и удалением узлов, изменениями атрибутов и текстового содержимого, а также управлять жизненным циклом наблюдателя в прикладных сценариях. Cod…Cod…

Открыть публикацию

Code Ready | Frontend

12 дек.

Выделяем клавиши и комбинации с помощью тега! Тег <kbd><kbd> обозначает пользовательский ввод: с клавиатуры, голосом, указателем или другим образом. <kbd><kbd> никак не влияет на скринридеры и другие вспомогательные технологии. Они рассказывают о содержимом тега как об обычном тексте без роли. Где особенно полезен: •• Инструкции по работе с интерфейсом; • Подсказки горячих клавиш; • Руководства для разрабо…• Подсказки горячих клавиш; • Руководства для разрабо…

Открыть публикацию

Code Ready | Frontend

12 дек.

NodeBestPractices — список лучших шаблонов и паттернов Node JS! Здесь собраны проверенные рекомендации, которые помогают улучшать структуру проектов, писать более чистый и поддерживаемый код, избегать типичных ошибок и повышать безопасность приложений. Все советы объяснены простым языком и подходят как для начинающих, так и для опытных разработчиков. Оставляю ссылочку: GitHubОставляю ссылочку: GitHubGitHub Code ReadyCode Ready | #репо…

187:47

Открыть публикацию

Code Ready | Frontend

14 дек.

Делаем компоненты универсальными одной строкой! До сих пор многие привязывают стили к направлению текста: .card { padding-left: 16px; padding-right: 16px; }.card { padding-left: 16px; padding-right: 16px; } Это работает, пока интерфейс строго LTRLTR и не появляется RTLRTL, локализация или переиспользование компонентов. Современный CSS решает это нативно, логическими свойствами: .card { padding-inline: 16px; }.card { padding-inline: 16px; } padding-inlinepadding-inline автоматически учит…

Открыть публикацию

Code Ready | Frontend

14 дек.

Предпросмотр изображения при загрузке файла! Привет! В этом гайде создаём простой компонент загрузки изображений с предпросмотром, проверкой типа файла и ограничением по размеру. Ключевые моменты: • HTML:• HTML: файловый input, зона загрузки и блок предпросмотра. • CSS: центрирование, карточный UI, аккуратные тени и отступы. • JS: обработка выбора файла, проверка MIME-типа и размера, работа с Object …• CSS: центрирование, карточный UI, аккуратные тени и отступы. • JS: обработка выбора файла, проверка MIME-типа и размера, работа с Object …

134:27

81:07

51:07

Открыть публикацию

Code Ready | Frontend

15 дек.

Напоминалка по HTML <input> типам! Например, type="email"type="email" автоматически включает базовую валидацию e-mail, а type="date", type="time" и type="range" type="date", type="time" и type="range" дают нативные контролы без лишнего JS. На картинке — часто используемые типы <input><input>, которые стоит держать под рукой. Сохрани, чтобы не забыть! Code ReadyCode Ready | #ресурсы

Открыть публикацию

Code Ready | Frontend

15 дек.

Устанавливаем несколько разрешений и типов фонового изображения! CSS-функция image-set()image-set() позволяет перечислить несколько фоновых изображений с условиями, по которым браузер решит, какое из них наиболее подходящее для загрузки в данный момент. Примеры использования: •• Загрузка @1x / @2x / @3x изображений для Retina-экранов; • Выбор более лёгкого изображения для обычных дисплеев; • Указание альт…• Выбор более лёгкого изображения для обычных дисплеев; • Указание альт…

Открыть публикацию

Code Ready | Frontend

15 дек.

Открыть публикацию

Code Ready | Frontend

16 дек.

React Bits — готовые анимации и UI-эффекты! Это коллекция интерактивных UI-эффектов, анимаций текста и компонентов для React. Здесь можно найти современные визуальные решения для hero-блоков, заголовков, интро и интерфейсных акцентов. Код аккуратный, легко читается и быстро интегрируется в собственные проекты. Оставляю ссылочку: reactbits.devreactbits.dev Code ReadyCode Ready | #ресурсы

228:11

Открыть публикацию

Code Ready | Frontend

Описание

Последние публикации

Похожие каналы в «Софт и приложения»

Медынь "Заря"

ВИПАКС I Интеллектуальное видеонаблюдение

МУЛЬТИФАКТОР

GVS видеонаблюдение

Шаблоны презентаций Power Point | TEMPLATICA.PRO

Атомик Софт

МАШИНЕРИ ЛАБ

Future BIM News

1C:ERP

Как подписаться на Code Ready | Frontend в MAX

Читайте в MAX