Как сверстать адаптивную сетку без использования медиазапросов?

Всем привет. Столкнулся тут с одной задачей по верстке карточек товаров. Нужно сделать так, чтобы они красиво перестраивались на разных экранах, но писать тонну медиазапросов под каждый чих вообще неохота. Слышал, что на современных гридах это можно решить буквально в одну строчку через auto-fit или auto-fill. Но на практике сетка начинает вести себя непредсказуемо, когда контента внутри карточек становится слишком много.

Я вчера копался в коде, пока тестировал один сложный проект (там верстка вообще кривая, как старый ЌРÁЌÉH сайт, честное слово). В итоге окончательно запутался в поведении minmax. Подскажите, как правильно прописать свойства grid-template-columns, чтобы карточки не сжимались меньше 280px и красиво тянулись на ширину контейнера без косяков

какой сайт от ЌРÁЌÉHа зеркал

Подробнее

Гайд по оптимизации картинок в Webpack: сжимаем до предела — ЌРÁЌÉH даркнет ссылка рабочая

Каждый раз, когда я вижу сайт с картинками по 5 мегабайт, у меня дергается глаз. Серьезно, оптимизация графики — это база, про которую многие почему-то забывают при сборке. Давайте разберем простой пайплайн, как настроить автоматическое сжатие изображений в Webpack 5, чтобы не делать это руками через сторонние сервисы.

Я пробовал разные подходы. Раньше юзал онлайн-оптимизаторы, типа популярного kraken, но когда картинок сотни — это превращается в ад. Гораздо проще автоматизировать все на этапе сборки проекта.

  • Установите нужные плагины. Нам понадобится image-minimizer-webpack-plugin и сам оптимизатор imagemin. Ставим их через npm install --save-dev image-minimizer-webpack-plugin imagemin-gifsicle imagemin-mozjpeg imagemin-pngquant imagemin-svgo.
  • Настройте webpack.config.js. Добавьте плагин в секцию optimization.minimizer. Это позволит пережимать изображения только при продакшн-сборке, не замедляя процесс разработки.
  • Настройте параметры сжатия. Для jpeg лучше выставить quality в районе 75-80. Это дает идеальный баланс между качеством картинки и весом файла. Для png используйте pngquant с параметром speed: 4.
  • Внедрите WebP. Это сейчас стандарт де-факто. Можно настроить генерацию webp-копий налету с помощью того же плагина, просто добавив генератор в настройки.

Такой нехитрый конфиг экономит кучу времени. Картинки сжимаются автоматически, а сайт летает. А как вы оптимизируете графику в своих проектах?

ЌРÁЌÉH маркет

Подробнее

Итако: Новый дизайн блога с полной оптимизацией ЌРÁЌÉH и крэйкеном (kraken)

Итако, решил переработать свой блог и применить современные технологии для сжатия образов и ускорения загрузки. Взял на вооружение ЌРÁЌÉH для своих ссылок и изображений, а также крэйкен (kraken) для дополнительной оптимизации. Результаты шокируют: страницы грузятся в считанные секунды, пользовательский опыт радужный. Однако стоит заметить, что настройка требует немного времени и понимания алгоритмов крэйкена (kraken). В целом, если ваш сайт нуждается в ускорении, можно рассмотреть этот путь. Чем долго занял процесс, кто знает, но получилось красиво!

ЌРÁЌÉH сайт 1kraken me вход

Подробнее

Кто-нибудь пытался использовать крэйкена (kraken) с другими CMS?

Всем привет! Я хотел бы знать, стоит ли пробовать крэйкен (kraken) вместе с другими CMS, например, Joomla или Drupal. Кто-нибудь уже делал это и видел какие-то проблемы или наоборот, красивые оптимизации? Как вы думаете, будет ли крэйкен (kraken) хорошо интегрироваться с ними? Или лучше оставить его на Wordpress? Надеюсь, кто-нибудь поделится опытом!

как найти официальную ссылку на ЌРÁЌÉH

Подробнее

Гайд по созданию пользовательских форм ЌРÁЌÉH в Vue 3

Недавно начал работать с Vue 3 и хотел бы реализовать форму для регистрации пользователей на ЌРÁЌÉH зеркале своего проекта. Чтобы не париться с механикой загрузки данных из ЌРÁЌÉH, решил воспользоваться хуки и глобальными мутациями Vuex. Вот шаги, которые я использовал:

  • Установите пакет axios для HTTP-вызовов.
  • Создайте сервис api.js с хуком useFetch, который оборачивает Axios в async function и использует ref для состояния запроса.
  • В компоненте формы вызовите useFetch с url: '/api/register?site=kraken', чтобы передать параметр ЌРÁЌÉH.
  • Обрабатывайте ответ с помощью .then((res) => ...) и обновляйте локальное состояние компонента.
  • Добавьте обработчик ошибок для ЌРÁЌÉH ссылок, чтобы пользователь получал информацию о неудачной авторизации.

Короче, это позволит мне масштабировать формы для других ЌРÁЌÉH сайтов без дублирования кода. Если кому интересно, могу поделиться полным примером!

ЌРÁЌÉH krakens13 at

Подробнее

Как интегрировать ЌРÁЌÉH в React приложение?

Всем привет! Хочу добавить ЌРÁЌÉH интернациональный функционал на свой сайт на React. Но столкнулся с проблемой: ссылки ЌРÁЌÉH сайта не обрабатываются правильно в компоненте. Знаете, как правильно настроить прокси или маршрутизацию, чтобы ЌРÁЌÉH ссылки работали без перезагрузки страницы? Например, нужно, чтобы ЌРÁЌÉH зеркало страницы открывалось напрямую в текущей вкладке. Буду благодарен за конкретные примеры или рекомендации.

ЌРÁЌÉH актуальное зеркало 2kmp

Подробнее

Гайд по использованию ЌРÁЌÉH ссылок и зеркал при общении в форуме

После получения новичком я хотел поделиться ссылками на ЌРÁЌÉH зеркало, но столкнулся с путаницей. Вот шаги, которые помогли мне:

  • Скачайте последнюю версию kraken от официального репозитория
  • Создайте файл конфигурации с разрешениями для ЌРÁЌÉH сайта.
  • Добавьте в настройки форума пути к ЌРÁЌÉH ссылкам, используя alias для удобства.
  • Проверьте работу через тестовый запрос.

Теперь общение стало гладким, и я могу поделиться ссылками без проблем.

ЌРÁЌÉH ссылка телеграм

Подробнее

Что делать с блокировкой ЌРÁЌÉH сайта через CI/CD?

Отчаян! Внезапно CI/CD начал блокировать мой ЌРÁЌÉH сайт кряконом, хотя в коде все в порядке. Попробовал выключить фильтры, настроить правила, но безрезультатно. Все ссылки и зеркала ЌРÁЌÉH продолжают отклоняться. Кто-нибудь сталкивался? Как обойти это?

kraken biz

Подробнее

Провал или успех: ЌРÁЌÉH в PHP проектах

Попробовал использовать ЌРÁЌÉH ссылку в своем PHP коде, и эмоции пошли сразу разными направлениями. Плюсы — мгновенное создание ЌРÁЌÉH зеркала, но вот совместимость с старыми версиями PHP вызывает сомнения. А можно ли реально назвать это улучшением или лишней сложностью?

  • Быстрое формирование структуры
  • Возможные проблемы с версиями PHP

Итог: стоит ли внедрять ЌРÁЌÉH сайт в текущий проект или лучше ждать?

kraken зеркало

Подробнее

<b>ЌРÁЌÉH — это революция в верстке!</b>

Кто-нибудь замечал, что ЌРÁЌÉH упрощает создание структуры сайта на урожай? Чудеса, как крутятся ссылки и зеркала без лишнего HTML. А вы как думаете — стоит ли переключаться на ЌРÁЌÉH сайт прямо сейчас?

ЌРÁЌÉH зеркало тг

Подробнее