CSS
В этой категории мы будем публиковать полезные материалы. касающиеся современных возможностей языка программирования CSS. Вся теоретическая часть в постах будет подкреплена практическими примерами.
Создаем 5 простых CSS анимаций используя ключевые кадры
В этом практическом уроке я покажу вам несколько простых анимаций, которые можно создать с помощью ключевых кадров (keyframes) в CSS.… Читать далее
Первые шаги при использовании сетки (Grid Layout) в CSS
Сегодня львиная доля современных и популярных сайтов построена с использованием адаптивного макета, flexbox или grid систем. Если вы возьмете любой… Читать далее
Как создать анимированное лого с помощью SVG и CSS3
Уже практически не вызывает сомнений, что использование новейших технологий на сайте способно улучшить UX (User experience) – взаимодействие с пользователем.… Читать далее
Как быстро и просто создать CSS-анимацию, используя спрайты
CSS-анимация давно и прочно заслужила признание пользователей, благодаря не только своей простоте, но и возможностям. Используя CSS-анимацию, веб-мастера добавляют красивую… Читать далее
Как создать таймер обратного отсчета с помощью JavaScript, CSS и SVG (4 способа)
Часто программистам ставят задачу создать таймер обратного отсчета, например, когда у клиента намечается важное мероприятие, распродажа или он хочет запустить… Читать далее
Способы создания кругов с помощью CSS стилей
Довольно часто при верстке веб-проекта есть потребность в создании круглых элементов: круглые кнопки, круглые миниатюры, круглые иконки, или даже целые… Читать далее
Уроки по CSS: что такое единицы просмотра vw, vh, vmin и vmax
Единица просмотра, или, как ее еще называют – длина в процентах от области просмотра – это адаптивная единица в CSS… Читать далее
Пример сайта-одностраничника с полноэкранными секциями
Сайт-одностраничник идеально подойдет для продвижения нового продукта, краткосрочной рекламной кампании или сайтов-портфолио. Довольно часто для одностраничников (их еще называют посадочными… Читать далее
Как сделать красивую анимированную кнопку Поиск с CSS3 и jQuery
В сегодняшнем уроке мы на практике рассмотрим то, как можно создать простую, но очень красивую кнопку для поиска, всего лишь… Читать далее
Как загружать CSS файлы асинхронно
Одним из наиболее эффективных способов повысить производительность и скорость загрузки страниц сайта является асинхронная загрузка CSS файлов. При использовании этого… Читать далее
Основные моменты для безопасности HTML и CSS
Если вы разработчик и пишете на HTML/CSS, вам нужно знать основные моменты, которые касаются безопасности. Кто-то может сказать, что HTML… Читать далее
Основы отзывчивой (responsive) типографии в веб-дизайне
Адаптивный или отзывчивый веб-дизайн – это не только столбцы, сетки, картинки и иконки. Все это не будет иметь смысла без… Читать далее
Как добиться многоцветного фона только лишь с помощью CSS
Уже более 5 лет в веб-дизайне лидирующие позиции занимает плоский дизайн (flat design). После того, как в 2010 году корпорация… Читать далее
Как добиться адаптивности картинок с помощью CSS
В сегодняшней статье мы на практике рассмотрим технику, с помощью которой сможем достичь адаптивности для картинок на своем сайте. Мы… Читать далее
Как создать простые кнопки с помощью CSS3
В сегодняшнем уроке мы на практике сделаем несколько классных, но простых, кнопок с помощью CSS3 стилей. Вы можете их использовать… Читать далее