Секреты, трюки, приемы

Создание слайдера который выглядит одинаково во всех браузерах

  alexei 16/02/2022 - 09:14
Создание слайдера который выглядит одинаково во всех браузерах
Каждый браузер отображает элемент слайдера по-разному. В этой статье мы рассмотрим причудливость слайдера или диапазонного элемента ввода и продемонстрируем, как оформить его таким образом, чтобы он выглядел одинаково во всех основных браузерах

Не боритесь с CSS каскадом. Контролируйте его!

  alexei 31/01/2022 - 09:54
Не боритесь с CSS каскадом. Контролируйте его!
Поскольку наши стили часто берутся из самых разных источников - и их может быть сложно структурировать и поддерживать, - каскад CSS может быть источником разочарования и причиной того, что мы получаем больше кода CSS, чем необходимо. И здесь мы рассмотрим способы, как с этим справиться

Руководство по современным цветам CSS - RGB, HSL, HWB, LAB и LCH

  alexei 06/01/2022 - 09:52
Руководство по современным цветам CSS - RGB, HSL, HWB, LAB и LCH
Знаете ли вы, что выбранная вами цветовая палитра может влиять на количество потребляемой вашим сайтом энергии? И выбор определенных цветов может увеличить время автономной работы мобильных устройств. В этой статье даются советы по не очень очевидным вещам, о которых следует помнить, работая с цветами в CSS

Подробное руководство по темному режиму на сайте

  alexei 05/12/2021 - 09:09
Подробное руководство по темному режиму на сайте
Темный режим в последнее время приобрел большую популярность. Так, например, компания Apple добавила темный режим в свои операционные системы iOS и macOS. Windows и Google сделали то же самое. Давайте же взглянем на темный режим в контексте веб-сайтов

Как использовать object-fit и background-size в CSS

  alexei 06/11/2021 - 09:01
Как использовать object-fit и background-size в CSS
Мы не всегда можем предоставить для HTML элемента изображение нужного размера. Если же мы используем контейнер с шириной и высотой, которые не пропорциональны соотношению сторон изображения, то изображение будет либо сжато, либо растянуто. Это выглядит нехорошо, однако решить эту проблему

Галерея изображений с увеличением по клику

  alexei 19/10/2021 - 09:23
Галерея изображений с увеличением по клику
Одним из вариантов использования CSS-сетки является отображение галереи изображений, но галерея сама по себе не так уж и впечатляет. Но мы могли бы, например, добавить эффект, когда при нажатии мышкой на изображение галереи, оно будет увеличиваться, не влияя на всю сетку. Это уже будет интереснее

Теперь можно обойтись и без псевдоэлементов

  alexei 04/10/2021 - 09:27
Теперь можно обойтись и без псевдоэлементов
В течение многих лет псевдоэлементы добросовестно помогали разработчикам реализовывать креативные проекты. Хотя они все еще занимают важное место, однако теперь, благодаря новым свойствам CSS, в некоторых сценариях мы можем отказаться от псевдоэлементов

Как использовать в CSS цвета в формате HSL

  alexei 26/07/2021 - 09:30
Как использовать в CSS цвета в формате HSL
В настоящее время большинство цветов, определяемых в CSS, задаются в формате hex и RGB. Но кроме этого существует еще один формат цвета, который в последнее время становится все более популярным, - это HSL. В данной статье хотелось бы показать, как HSL действительно может помочь нам лучше работать с цветами в CSS.

Проблемы переполнения в CSS и способы их решения

  alexei 15/06/2021 - 09:48
Проблемы переполнения в CSS и способы их решения
В этой статье мы рассмотрим причины возникновения проблем с переполнением в CSS и способы их решения. Мы также рассмотрим, как современные инструменты разработчика могут облегчить процесс выявления этих проблем и отладки кода

Как уменьшить фотографию - Простые и эффективные способы

  alexei 06/03/2021 - 09:26
Как уменьшить фотографию - Простые и эффективные способы
Это умение пригодится, особенно когда вы публикуете файлы в интернете или хотите отправить их по электронной почте. Мы подскажем, как простыми способами изменить разрешение и вес фотографии без большой потери качества

Как выровнять HTML изображение по центру

  alexei 10/08/2020 - 08:53
Как выровнять HTML изображение по центру
Позиционирование и выравнивание изображений на странице HTML имеет решающее значение для макета страницы. Один из наиболее распространенных вопросов - как выровнять изображение по центру определенной секции

Кнопка "Наверх" или Scroll To Top своими руками

  alexei 07/04/2020 - 09:16
Кнопка Наверх своими руками
Повысить удобство работы вашего сайта можно с помощью особой кнопки в виде стрелки вверх, которая появляется тогда, когда пользователь начинает прокручивать страницу вниз. При нажатии на такую кнопку страница плавно прокручивается вверх

Умное перенаправление по ошибке 404

  alexei 18/02/2020 - 10:38
Умное перенаправление по ошибке 404
Плохо реализованная страница ошибки 404 ("Страница не найдена") может стать причиной массовой потери посетителей и клиентов сайта. И с этим следует всячески бороться. Ведь даже страница с ошибкой 404 является потенциальной воронкой конверсии, если, конечно, все сделать правильно. При этом, если сайт построен криво, то такая страница может даже стать вашей самой посещаемой целевой страницей

Возможно вам больше не потребуется jQuery

  alexei 24/09/2019 - 09:35
С момента выпуска jQuery в 2006 году DOM и нативное API браузеров значительно улучшились. Статьи о том, что вполне можно обходиться без jQuery, выходят с 2013 года. Не хотелось бы пересказывать уже старые тезисы, но с тех пор в браузерной стране многое изменилось. Браузеры продолжают внедрять новые API-интерфейсы, которые избавляют от проблем при разработке без использования JavaScript библиотек, многие из которых напрямую скопированы из jQuery