Раздел CSS - это готовые решения и примеры с выложенным кодом. Свойства и атрибуты, правила и способы их применения. Узнай больше про CSS на Inter-Net PRO.
Инструкция как сделать липкую шапку таблицы без использования JavaScript и без jQuery. Фиксированные заголовки таблицы сделанные на чистом CSS.
Эта типовая задача решается при помощи всего лишь трёх строчек css-кода. И это в буквальном смысле.
Фон сайта или отдельного его элемента сделанный на чистом CSS, имеет ряд преимуществ перед фоном использующим для этого изображения. Тут выгода не только в размерах файлов, но и в запросах к серверу.
Хочу представить небольшую сборку простых CSS паттернов, которые часто используются на сайтах.
Очень часто когда изучаешь что то новое, то получается быстро понять материал и приходят идеи где и как это применить.
Ну и думаю у многих бывает такое, что когда отходишь от темы на месяц-два, то потом всё забываешь и чтобы вспомнить и разобрать код нужно время.
В этой записи будут CSS свойства, которые как раз могут применяться время от времени и которые потом нужно вспоминать.
Продолжая зимнюю тематику, хочу поделиться тем, как можно реализовать на сайте такую штуку как падающий снег.
Данный эффект сделан на CSS, что в отличии от JavaScript не создаёт нагрузок на браузер посетителя сайта. Реализовать можно на любом сайте независимо от его CMS (движка).
Как на сайте изменить выделение текста и вместо стандартных браузерных стилей назначить свои.
Если вы не знали что для выделения текста на сайте можно добавлять свои стили, то они есть. Я кстати тоже с этим столкнулся впервые только недавно.
Для оформления выделения текста есть специальный псевдоэлемент CSS с названием selection.
Хочу сегодня поделиться с вами не сложным, но очень популярным и часто встречаемым на сайтах CSS эффектом.
Данный эффект - это плавно появляющаяся подчёркивающая линия, которая появляется при наведении на ссылку или пункт меню. Но этот эффект можно применять не только для ссылок или пунктов меню, но и для чего угодно: для заголовков и названий, отдельных частей текста, иконок, картинок и т.д.
Все мы понимаем, что фоны и градиенты на CSS имеют огромнейшее преимущество перед фонами сделанными на основе изображений.
Сегодня я хочу поделиться фоном, градиент которого сделан в виде тетрадной клетки.
Можно найти много тематик, где данный фон будет востребован и они не будут ограничиваться только школьной тематикой.
Современный веб одним из приоритетов ставит скорость и оптимизацию сайтов.
Так одним из методов оптимизации является использование на сайте изображений называемых спрайтами.
Что такое спрайт, когда, зачем и как их используют, я постараюсь вам объяснить в этой записи.