Блог об IT и технологиях: обзоры, разборы и полезные материалы

 

Иконка Рубрики
2 месяца назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bootstrap кажется простым, пока не доходишь до адаптивности — и именно здесь всё начинает складываться в единую систему. Чтобы верстка выглядела аккуратно на любом устройстве, важно понимать три ключевые вещи: точки останова, контейнеры и сетку.
Frontend 1 114
7 месяцев назад

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

Bootstrap — это популярный и удобный набор инструментов, который помогает быстро делать красивые, адаптивные сайты. Он уже содержит огромное количество готовых стилей, компонентов и утилит, поэтому многие задачи решаются буквально несколькими классами в HTML.
Frontend 1 258