Статьи

Как использовать 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, в некоторых сценариях мы можем отказаться от псевдоэлементов

Создание гибких компонентов веб-страницы - Решения для разработчика

 alexei 20/09/2021 - 09:04
Создание гибких компонентов веб-страницы - Решения для разработчика
В этой статье мы возьмем относительно простой дизайн текстово-мультимедийного компонента и рассмотрим процесс принятия решения о том, как лучше всего перевести его в код, учитывая потребности как пользователей, так и авторов контента

Руководство по новым поддерживаемым, современным CSS селекторам псевдоклассов

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

Как использовать в 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 и способы их решения. Мы также рассмотрим, как современные инструменты разработчика могут облегчить процесс выявления этих проблем и отладки кода

Что такое кодирование символов в Юникоде, UTF, ASCII

 alexei 08/05/2021 - 09:01
Что такое кодирование символов в Юникоде, UTF, ASCII
Понимание кодировки символов имеет решающее значение для всех, кто печатает на компьютере, особенно на иностранных языках, используя эмодзи или любые другие специальные символы. В этой статье мы расскажем об основах кодировки символов в Юникод, о кодовых точках, кодовых единицах, а также рассмотрим искусство рисовать на ASCII

4 простых правила оформления текста на сайте

 alexei 08/04/2021 - 17:29
4 простых правила оформления текста на сайте
Каким бы интересным не было текстовое содержимое сайта, пользователи могут пойти мимо и не заметить этого. Очень важно, чтобы текстовое наполнение было не только интересным, но и грамотно оформленным, чтобы при чтении текста, у пользователей не возникало проблем

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

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

Основные вопросы связанные с выбором хостинга для сайта

 alexei 06/02/2021 - 10:51
Основные вопросы связанные с выбором хостинга для сайта
С процессом выбора хостинга сталкивается каждый вебмастер. В отличие от современных способов создания сайтов, таких как конструктор, традиционный способ по-прежнему используется, чтобы сделать динамический и современный проект, с которым будут взаимодействовать пользователи

Что лучше – конструктор для создания сайтов или CMS

 alexei 06/01/2021 - 10:36
Что лучше – конструктор для создания сайтов или CMS
Существует 2 основных варианта создания сайта – специальный конструктор и CMS. В зависимости от того, каким способом сделан сайт, меняется стоимость проекта, длительность и трудоёмкость его выполнения, возможности SEO-оптимизации и видоизменения. Вот почему важно правильно выбрать между конструктором и CMS

Какие бывают виды landing page

 alexei 04/12/2020 - 08:59
Какие бывают виды landing page
Landing page – это целевая продающая страница, которая непосредственно побуждает посетителей вашего сайта провести то или иное действие. Например, landing page настоятельно рекомендует клиенту зарегистрироваться на вашем сайте, оформить подписку, оставить заявку, связаться с менеджером магазина и многое другое

Правила хорошего сайта

 alexei 03/11/2020 - 09:25
Правила хорошего сайта
Всех пользователей интернет-сайтов можно поделить на две основные группы: случайно зашедшие и целевая аудитория. По сути, все они могли бы в конечном итоге стать постоянными посетителями сайта. Но почему это происходит не всегда?

Виды блогов

 alexei 01/10/2020 - 09:23
Виды блогов
Блог - журнал, который постоянно обновляется и позволяет пользователям публиковать контент в открытых источниках. Он при этом гарантирует получить молниеносную связь со своими читателями. Блоги различаются по темам