Статьи

9 часов назад

Интерактивный HTML с Alpine.js на простых примерах

Большие фронтенд-фреймворки часто требуют сложной настройки: сборщики, роутинг, состояния, хуки, конфигурации. Но для небольших задач вроде выпадающих меню, модалок или табов этого слишком много — иногда хочется просто взять HTML и быстро добавить в него немного интерактивности.

Frontend 16

1 неделя назад

Лучшие материнские платы для Ryzen 9 9900X3D

Процессор AMD Ryzen 9 9900X3D — это настоящий флагман для геймеров и профессионалов, работающих с тяжелыми задачами. Он сочетает в себе 12 ядер, поддержку многопоточности и технологии 3D V-Cache, что делает его отличным решением как для игр, так и для работы.

Железо 178

1 неделя назад

Лучшие материнские платы X870 в 2025 году: что выбрать для сборки

AMD выпустила новые чипсеты X870 и X870E для платформы AM5. Они принесли поддержку PCIe 5.0, быструю память DDR5, Wi‑Fi 7 и USB4.

Железо 209

1 неделя назад

Что должен знать Python-разработчик: база для успешного старта

Python остаётся одним из самых востребованных языков разработки. Его используют в веб-разработке, анализе данных, автоматизации, ML и DevOps. На 2025 год Python уверенно удерживает лидерство по количеству активных разработчиков и проектов в open-source.

Backend 188

1 неделя назад

Что должен знать фронтенд-разработчик: база для успешного старта

Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.

Frontend 168

2 недели назад

Курс по Tailwind CSS: Container query #8

Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.

Frontend 40

2 недели назад

Курс по Tailwind CSS: Grid-сетки #7

В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.

Frontend 198

2 недели назад

Курс по Tailwind CSS: Flexbox #6

Flexbox — мощный инструмент для построения макетов. Он упрощает управление расположением элементов по горизонтали и вертикали. В Tailwind всё это сводится к простым утилитам, которые легко комбинировать и читать прямо в разметке.

Frontend 227

2 недели назад

Курс по Tailwind CSS: Цвета и шрифты #4

В прошлой статье мы разобрали базовые утилиты. Теперь углубимся в работу с цветами и шрифтами. В Tailwind CSS v4 эти возможности стали ещё удобнее: библиотека поддерживает современную цветовую модель OKLCH, P3-палитры, а также предоставляет новый способ расширять тему с помощью @theme.

Frontend 233

2 недели назад

Курс по Tailwind CSS: Первые шаги с утилитами #3

В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.

Frontend 210

2 недели назад

Курс по Tailwind CSS: Установка #2

Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.

Frontend 228

2 недели назад

Курс по Tailwind CSS: Введение #1

Tailwind CSS — это utility-first фреймворк: вы собираете интерфейс из маленьких утилит прямо в разметке, не переключаясь между HTML и длинными кастомными стилями.

Frontend 223

3 недели назад

Как зарабатывать на создании сайтов на Tilda в 2025 году

Tilda остаётся одной из самых удобных и «быстрых» платформ для запуска сайтов малого бизнеса, лендингов, блогов и небольших интернет-магазинов. В 2025 году экосистема Tilda включает визуальный редактор, Zero Block для свободной вёрстки, собственную CRM, блог Feeds, Members Area для закрытых разделов/курсов, экспорт кода и даже встроенного AI-помощника.

Frontend 250

2 месяца назад

SOLID на TypeScript: 5 простых правил для гибкого кода

Если вы хоть немного писали код на TypeScript, особенно в среде с реальными задачами и коллегами, то, скорее всего, сталкивались с запутанными классами, непредсказуемыми зависимостями и странным поведением при доработках.

Обучение 455

4 месяца назад

Лучшие процессоры для RTX 5060 Ti в 2025 году

Среднебюджетная видеокарта Nvidia RTX 5060 Ti наконец-то вышла, завершив насыщенный релизный цикл серии Blackwell. Эта модель обещает отличную производительность в разрешении 1440p и становится прямым преемником невероятно популярной RTX 4060 Ti — одной из самых выгодных видеокарт на рынке в своём классе.

Железо 11 815

4 месяца назад

Быстрый старт в Bootstrap 5: Формы и валидация #5

Bootstrap предлагает продуманные стили для форм, а также стандартный подход к валидации. При оформлении формы важно не только «красиво» сделать поля, но и обеспечить доступность (доступ) для всех пользователей.

Frontend 713

4 месяца назад

Быстрый старт в Bootstrap 5: Утилиты и кастомизация #4

Bootstrap предлагает обширный набор утилит-классов для быстрой стилизации без написания CSS. Это классы для отступов, цветов, теней, обтекания и прочего. Рассмотрим ключевые из них.

Frontend 628

4 месяца назад

Быстрый старт в Bootstrap 5: Компоненты интерфейса #3

Bootstrap содержит множество готовых компонентов, которые можно быстро встраивать в интерфейс. Рассмотрим некоторые из них. Кнопки (Buttons) Класс .btn служит основой для кнопок Bootstrap: он задаёт базовые отступы и выравнивание текста.

Frontend 634

4 месяца назад

Быстрый старт в Bootstrap 5: Сетка и адаптивная верстка #2

Одним из ключевых механизмов Bootstrap является сетка (Grid) – система на основе Flexbox, позволяющая легко строить адаптивные раскладки. Сетка разбивает страницу на 12 колонок по горизонтали и адаптируется под шесть основных «точек перелома» (размеров экранов) – от самых маленьких до очень больших.

Frontend 639

4 месяца назад

Быстрый старт в Bootstrap 5: Установка, структура, первые шаги #1

Bootstrap – это бесплатный и открытый фреймворк для адаптивной верстки (mobile-first), который предоставляет готовые HTML, CSS и JavaScript шаблоны для типографики, форм, кнопок, навигации и других элементов интерфейса.

Frontend 662

1
2
…
35