Записи с тегом: CSS3

Вводные данные о Sass: Как препроцессоры делают написание стилей быстрым и удобным

Обычный CSS (Cascading Style Sheets) – это основа стилизации любого веб-сайта. Однако в больших проектах чистый CSS быстро становится громоздким: приходится повторять одинаковые цвета, писать длинные селекторы и… читать... →

242

19

14/10/2026

Как добавить анимацию загрузки (preloader) на сайт

При загрузке «тяжелого» контента – высокораздельных картинок, кастомных шрифтов или скриптов аналитики – пользователь часто видит полупустой экран со сломанной версткой (Layout Shift). Это создает ощущение медленной работы… читать... →

294

19

24/09/2026

Как принудительно обновить кэш у пользователей 🧹 | Практические методы

Вы внесли правки в CSS, исправили критический баг в JavaScript, загрузили файлы на сервер и радостно сообщаете клиенту: «Готово!«. А в ответ слышите: «Ничего не изменилось, все поехало!»… читать... →

1273

19

24/11/2025

Как создать заливку текста градиентом с помощью CSS

Веб-дизайнеры и разработчики всегда ищут что-то новое и креативное, чтобы сделать свой сайт уникальным и выразительным. Один из таких способов визуально привлечь внимание – использовать градиентный текст. Градиентный… читать... →

1301

24

16/08/2025

Как создать простое переключение цветового оформления сайта (CSS и JavaScript)

Если вы хотите добавить на свой сайт возможность переключения между светлым/темным цветовым режимом, тогда вы попали по адресу. Хотя такая фича может и не пользоваться спросом, но с… читать... →

1450

21

30/04/2025

Есть ли альтернативы у гамбургер-меню для навигации по сайту

Подавляющую часть всего мирового веб-трафика занимает трафик с мобильных устройств (включая планшеты), поэтому этот факт обязательно нужно учитывать при разработке. Если вы не разрабатываете сайты, оптимизированные под мобильные… читать... →

1348

26

20/10/2024

Создаем 5 простых CSS анимаций используя ключевые кадры

В этом практическом уроке я покажу вам несколько простых анимаций, которые можно создать с помощью ключевых кадров (keyframes) в CSS. Это будут простые примеры, более сложные варианты рассмотрим… читать... →

2086

25

15/02/2024

Первые шаги при использовании сетки (Grid Layout) в CSS

Сегодня львиная доля современных и популярных сайтов построена с использованием адаптивного макета, flexbox или grid систем. Если вы возьмете любой популярный движок (CMS) и/или фреймворк — практически все… читать... →

1762

25

27/01/2024

Как быстро и просто создать CSS-анимацию, используя спрайты

CSS-анимация давно и прочно заслужила признание пользователей, благодаря не только своей простоте, но и возможностям. Используя CSS-анимацию, веб-мастера добавляют красивую визуальную составляющую на свой сайт, а также привлекают… читать... →

2169

29

14/01/2022

Как создать таймер обратного отсчета с помощью JavaScript, CSS и SVG (4 способа)

Часто программистам ставят задачу создать таймер обратного отсчета, например, когда у клиента намечается важное мероприятие, распродажа или он хочет запустить рекламную акцию. С точки зрения маркетинга, с таймерами… читать... →

2709

31

28/12/2021

Сайт для платформы онлайн-обучения BikWebClass

Описание проекта: Разработка сайта для платформы, которая специализируется на онлайн-обучении – BikWebClass. Целью создания платформы является распространение знаний и навыков, которые будут полезны взрослому человеку в различных областях… читать... →

1851

80

23/06/2020

Способы создания кругов с помощью CSS стилей

Довольно часто при верстке веб-проекта есть потребность в создании круглых элементов: круглые кнопки, круглые миниатюры, круглые иконки, или даже целые круглые контейнеры. В некоторых случаях выйти из ситуации… читать... →

5215

76

09/06/2020

Манипулирование степенью важности загрузки ресурсов в браузере

Для браузера не все ресурсы обладают одинаковой степенью важности и приоритета. Каждый браузер имеет свою своеобразную эвристику, согласно которой он определяет, какие ресурсы загружать в первую очередь, а… читать... →

3299

66

25/05/2020

Сайт для компании НП ООО «Житомирбиопродукт»

Описание проекта: Разработка сайта для компании-производителя в г.Житомир. Компания НП ООО «Житомирбиопродукт» занимается производством натуральных высококачественных продуктов питания для здоровья человека, которые предназначены для обеспечения профилактики возникновения и… читать... →

1976

59

21/05/2020

Уроки по CSS: что такое единицы просмотра vw, vh, vmin и vmax

Единица просмотра, или, как ее еще называют – длина в процентах от области просмотра – это адаптивная единица в CSS стилях, которая позволяет определять размеры в процентах от… читать... →

5843

48

19/04/2020