CSS - страница 2

  Анимированные кнопки для сайта. Кнопки для сайта с 3D эффектом работающие на чистом CSS.

  Хочу поделиться решением реализации на сайте кнопок, работа которых действительно похожа на настоящие кнопки.

  Социальные сети стали неотъемлемой частью современного интернета. Своим понятным функционалом они массово завлекли пользователей вызвав у них зависимость.

  Хочу поделиться с достопочтенной аудиторий кнопками социальных сетей для сайта на чистом CSS и Font Awesome, которые я делал подгоняя стили целый день.

  Фон сайта или отдельного его элемента сделанный на чистом CSS, имеет ряд преимуществ перед фоном использующим для этого изображения. Тут выгода не только в размерах файлов, но и в запросах к серверу.

  Хочу представить небольшую сборку простых CSS паттернов, которые часто используются на сайтах.

Фоны и градиенты на CSS имеют огромнейшее преимущество перед такими же фонами сделанными на основе изображений.

Данный фон из градиента который сделан в виде тетрадной клетки.

Можно найти много тематик, где данный фон будет востребован и они не будут ограничиваться только школьной тематикой.

Градиентный фон в виде школьной тетрадной линии в трёх вариантах: обычная линия, линия с полем слева и линия с полем с правой стороны.

Готовые CSS-стили для реализации данного фона.

Продолжая зимнюю тематику, хочу поделиться тем, как можно реализовать на сайте такую штуку как падающий снег.

Данный эффект сделан на CSS, что в отличии от JavaScript не создаёт нагрузок на браузер посетителя сайта. Реализовать можно на любом сайте независимо от его CMS (движка).

  Современный веб одним из приоритетов ставит скорость и оптимизацию сайтов.

  Так одним из методов оптимизации является использование на сайте изображений называемых спрайтами.

  Что такое спрайт, когда, зачем и как их используют, я постараюсь вам объяснить в этой записи.

  Очень часто когда изучаешь что то новое, то получается быстро понять материал и приходят идеи где и как это применить.

  Ну и думаю у многих бывает такое, что когда отходишь от темы на месяц-два, то потом всё забываешь и чтобы вспомнить и разобрать код нужно время.

  В этой записи будут CSS свойства, которые как раз могут применяться время от времени и которые потом нужно вспоминать.