CSS

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

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

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

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

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

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

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

  Как на сайте изменить выделение текста и вместо стандартных браузерных стилей назначить свои.

  Если вы не знали что для выделения текста на сайте можно добавлять свои стили, то они есть. Я кстати тоже с этим столкнулся впервые только недавно.

  Для оформления выделения текста есть специальный псевдоэлемент CSS с названием selection.

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

  Данный эффект - это плавно появляющаяся подчёркивающая линия, которая появляется при наведении на ссылку или пункт меню. Но этот эффект можно применять не только для ссылок или пунктов меню, но и для чего угодно: для заголовков и названий, отдельных частей текста, иконок, картинок и т.д.

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

  Сегодня я хочу поделиться фоном, градиент которого сделан в виде тетрадной клетки.

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

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

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

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

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

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