Flexbox сломал верстку

Опять мега даркнет лагало. Что делать? CSS flexbox не работает. Все элементы поехали. Я мучался три часа. Это бесит. Помогите исправить. Видел у вас похожее. Может кто знает решение? Я не могу найти в интернете.

telegram mega

Подробнее

Обзор фреймворка Tailwind CSS: стоит ли игра свеч?

Всем привет! Давно хотел попробовать Tailwind CSS, и вот, наконец, добрался. Решил поделиться своими впечатлениями, вдруг кому-то будет полезно.

Что такое Tailwind CSS? Если в двух словах, то это утилитарный CSS-фреймворк. Вместо готовых компонентов (как в Bootstrap) он предлагает огромное количество CSS-классов, которые вы просто навешиваете на HTML-элементы. Вроде бы так просто, но эффект получается весьма впечатляющий.

  • Плюсы:
  • Скорость разработки. Действительно, можно верстать очень быстро, комбинируя классы.
  • Гибкость. Можно собрать любой дизайн, не прибегая к переписыванию стилей
  • Нет лишнего кода. Фреймворк не тащит за собой стили, которые вы не используете
  • Отличная документация. Все понятно и с примерами.
  • Минусы:
  • HTML может выглядеть перегруженным классами. Иногда сложно читать.
  • Порог вхождения. Нужно привыкнуть к утилитарному подходу
  • Без правильной настройки (например, с PurgeCSS) может генерироваться большой CSS-файл.

Итоговое впечатление: Tailwind CSS — мощный инструмент, который реально ускоряет разработку, особенно если вы любите компонентный подход. Он не для всех, но если вам зайдет его философия, то вы будете в восторге. Для своего нового проекта я его точно возьму, но с учетом опыта, буду стараться держать HTML в чистоте

Крáкен официальный сайт

Подробнее

Webpack мертв, а Vite — просто хайп — frontend

Ну вот, опять эти модные сборщики. Vite, конечно, быстрый, тут спору нет, особенно из-за его подхода с нативными ES-модулями. Но давайте будем честны, это просто очередной инструмент, который через пару лет будет пылиться в репозиториях, как и многие до него. На самом деле тут нюанс: вся эта гонка за скоростью сборки — это часто микрооптимизация, которая никак не влияет на конечный продукт для пользователя. Мы тратим часы на настройку очередного сборщика, чтобы получить прирост в 500 миллисекунд при сборке, а сайт по-прежнему грузится вечность из-за тяжелого JS-бандла или плохо оптимизированных изображений.

Технически, Vite использует esbuild для пре-бандлинга зависимостей, что само по себе круто. Но если покопаться глубже, то его подход с HMR, который полагается на нативные ES-модули, имеет свои ограничения, особенно при работе с крупными проектами или сложными зависимостями, которые не так уж просто транспилировать на лету. И да, веб-разработка постоянно меняется, но мне кажется, мы часто гонимся за сияющей новой игрушкой, забывая про фундаментальные основы создания сайтов. А вы как думаете, стоит ли так заморачиваться с новыми сборщиками, когда старые, проверенные временем инструменты, вроде Webpack, хоть и медленнее, но обладают большей гибкостью и экосистемой?

Подробнее

React — это фреймворк для создания веб-сайтов? Или просто библиотека? — php

Господа, ну вот давайте разберемся. Все называют React фреймворком, но по сути он предоставляет только view layer. Где тут про маршрутизацию, управление состоянием (без дополнительных библиотек вроде Redux или Zustand), взаимодействие с API? Технически, это очень мощная библиотека для декларативного описания UI, но чтобы построить полноценный single-page application, вам все равно придется собирать кучу сторонних инструментов. Это как сказать, что молоток — это уже готовый дом, просто надо им построить. Или я чего-то не понимаю в современных реалиях веб-разработки?

Мне кажется, что вот это размывание границ между библиотекой и фреймворком, оно немного сбивает с толку новичков которые только начинают свой путь в frontend-разработке. Как вы считаете, пора уже признать, что React — это не совсем фреймворк, или я слишком глубоко копаю в терминологию?

Подробнее