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

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

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

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

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

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

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

Для браузера не все ресурсы обладают одинаковой степенью важности и приоритета. Каждый браузер имеет свою своеобразную эвристику, согласно которой он определяет, какие ресурсы загружать в первую очере ...
Сайт для компании НП ООО «Житомирбиопродукт»

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

  Описание проекта: Разработка сайта для компании-производителя в г.Житомир. Компания НП ООО «Житомирбиопродукт» занимается производством натуральных высококачественных продуктов питания для здор ...
Уроки по CSS: что такое единицы просмотра vw, vh, vmin и vmax

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

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

Пример сайта-одностраничника с полноэкранными секциями

Сайт-одностраничник идеально подойдет для продвижения нового продукта, краткосрочной рекламной кампании или сайтов-портфолио. Довольно часто для одностраничников (их еще называют посадочными страницам ...
Как сделать красивую анимированную кнопку Поиск с CSS3 и jQuery

Как сделать красивую анимированную кнопку Поиск с CSS3 и jQuery

В сегодняшнем уроке мы на практике рассмотрим то, как можно создать простую, но очень красивую кнопку для поиска, всего лишь с помощью CSS3 и jQuery. Готовая кнопка будет выглядеть примерно так:   ...
Как загружать CSS файлы асинхронно

Как загружать CSS файлы асинхронно

Одним из наиболее эффективных способов повысить производительность и скорость загрузки страниц сайта является асинхронная загрузка CSS файлов. При использовании этого способа не будет происходить лишн ...
Основные моменты для безопасности HTML и CSS

Основные моменты для безопасности HTML и CSS

Если вы разработчик и пишете на HTML/CSS, вам нужно знать основные моменты, которые касаются безопасности. Кто-то может сказать, что HTML и CSS не могут быть объектом атаки злоумышленников, но с разви ...
Основы отзывчивой (responsive) типографии в веб-дизайне

Основы отзывчивой (responsive) типографии в веб-дизайне

Адаптивный или отзывчивый веб-дизайн – это не только столбцы, сетки, картинки и иконки. Все это не будет иметь смысла без текстового контента. Как однажды сказал Билл Гейтс: «Контент – это король». По ...
Как добиться многоцветного фона только лишь с помощью CSS

Как добиться многоцветного фона только лишь с помощью CSS

Уже более 5 лет в веб-дизайне лидирующие позиции занимает плоский дизайн (flat design). После того, как в 2010 году корпорация Microsoft выпустила ОС Windows 8, в которой пользовательский интерфейс вы ...
Как добиться адаптивности картинок с помощью CSS

Как добиться адаптивности картинок с помощью CSS

В сегодняшней статье мы на практике рассмотрим технику, с помощью которой сможем достичь адаптивности для картинок на своем сайте. Мы рассмотрим 2 способа, которые позволят сделать картинки адаптивным ...
Как создать простые кнопки с помощью CSS3

Как создать простые кнопки с помощью CSS3

В сегодняшнем уроке мы на практике сделаем несколько классных, но простых, кнопок с помощью CSS3 стилей. Вы можете их использовать для красивого оформления пользовательского интерфейса своих проектов. ...
9 онлайн платформ, на которых можно быстро поделиться кодом

9 онлайн платформ, на которых можно быстро поделиться кодом

Программисты, в основном, используют IDE (интегрированную среду разработки) для своей работы и написания кода. Это довольно мощные инструменты, в которых есть интуитивно понятный и удобный интерфейс, ...
Пример использования функции calc() для изменения размера шрифта в CSS

Пример использования функции calc() для изменения размера шрифта в CSS

Ранее мы делали краткий обзор функции calc() в CSS. Сегодня мы хотим рассмотреть небольшой практический пример, который даст решение для плавного масштабирования размера шрифта в зависимости от размер ...