Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Тема сайта
Главная
Блог
Шаблоны
Курсы
Обратная связь
Frontend
194 публикации
Все
Разработка
Серверы
Нейросети
Электроника
Софт
Backend
Frontend
Мобильная разработка
Проекты
Разработка игр
Языки и обучение
Курс
Подборка
JavaScript
Инструкция
React
Проект
Сравнение
Обзор
CSS
ИИ
HTML
TypeScript
Vue.js
Ещё 1
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
Кредитный калькулятор с диаграммой на JavaScript
Этот кредитный калькулятор — готовый визуальный модуль, который можно вставить на любой сайт. Он рассчитывает ежемесячный платеж, переплату, общую сумму выплат и показывает структуру кредита на диаграмме.
Как строить переиспользуемые фронтенд-компоненты: пример кнопки лайк
Когда проект становится больше, неизбежно появляется вопрос: как писать интерфейс так, чтобы потом не переписывать одно и то же десятки раз?
Интерактивный HTML с Alpine.js на простых примерах
Большие фронтенд-фреймворки часто требуют сложной настройки: сборщики, роутинг, состояния, хуки, конфигурации. Но для небольших задач вроде выпадающих меню, модалок или табов этого слишком много — иногда хочется просто взять HTML и быстро добавить в него немного интерактивности.
Что должен знать фронтенд-разработчик: база для успешного старта
Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.
Курс по Tailwind CSS: Container query #8
Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.
Курс по Tailwind CSS: Grid-сетки #7
В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.
Курс по Tailwind CSS: Flexbox #6
Flexbox — мощный инструмент для построения макетов. Он упрощает управление расположением элементов по горизонтали и вертикали. В Tailwind всё это сводится к простым утилитам, которые легко комбинировать и читать прямо в разметке.
Курс по Tailwind CSS: Цвета и шрифты #4
В прошлой статье мы разобрали базовые утилиты. Теперь углубимся в работу с цветами и шрифтами. В Tailwind CSS v4 эти возможности стали ещё удобнее: библиотека поддерживает современную цветовую модель OKLCH, P3-палитры, а также предоставляет новый способ расширять тему с помощью @theme.
Курс по Tailwind CSS: Первые шаги с утилитами #3
В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.
Курс по Tailwind CSS: Установка #2
Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.
Курс по Tailwind CSS: Введение #1
Tailwind CSS — это utility-first фреймворк: вы собираете интерфейс из маленьких утилит прямо в разметке, не переключаясь между HTML и длинными кастомными стилями.
SOLID на TypeScript: 5 простых правил для гибкого кода
Если вы хоть немного писали код на TypeScript, особенно в среде с реальными задачами и коллегами, то, скорее всего, сталкивались с запутанными классами, непредсказуемыми зависимостями и странным поведением при доработках.
«
1
2
3
4
…
17
»
