Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

CSS

Начиная разговор о CSS или Cascading Style Sheets, как будет угодно, мы вернемся во времена палеозоя интернет-эры и вспомним, что в 1996 году был принят стандарт CSS первого уровня. Это событие, по значимости, стало революционным, т.к. смогло выделить в отдельный язык все форматирование страниц, отделив его от содержания. Это в значительной степени упростило и оптимизировало работу вебмастеров. Благодаря чему, теперь не требовалось изменять, к примеру шрифтовое оформление каждого элемента, а достаточным стало изменение его в определенном классе описанном в файле CSS.

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

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

Вы здесь
3D ленточка CSS

3D ленточка CSS

Наслаивание блоков и применение псевдо-3D объектов способно придать вашему сайту пространственной объемности, воздушности и глубины. Сегодня мы рассмотрим простой и эффективный способ построения 3D ленточек средствами CSS. Приступаем к…

Ресайз потомка:суть проблемы и ее решение

Уплывание фона у родительского тега: суть проблемы и ее решение

В статье представлен ряд проблем, которые возникают в ситуациях, когда размеры потомка начинают превышать значения своего родителя. Эта проблема решается операцией, которую программисты называют ресайз окна. Алгоритм ее реализации описан далее....

Устранение схлопывания margin

Устранение схлопывания margin

Горизонтальные внешние отступы имеют весьма не хорошее свойство схлопывания, что не на шутку мешает работе верстальщика. В этой статье описаны способы, которые позволят обойти эту проблему. Схлопывание — процесс наложения внешних отступов в…

Резиновое меню средствами css

Создание «резинового» меню на сайте

Довольно распространенная схема расположения меню сайта, когда контейнер с ним занимает всю ширину доступную на странице. При этом первый пункт прилегает к левому краю, а последний — к правому, а расстояние между всеми элементами равно. Сегодня мы…

Наклон текста под определенным углом

Поворот текста под заданным углом средствами CSS

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

Влияние скролла на ширину экрана

Убираем "дергание" сайта у страниц со скроллом и без него

Суть проблемы Скролл или полоса прокрутки — это инструмент, посредством которого прокручивается страница с контентом для отображения тех его зон, которые находятся вне видимости первого экрана. Появление скролла в обычной практике происходит по…

Всплывающие подсказки CSS

Как создать всплывающие при наведении подсказки на CSS?

Удобный, интуитивно понятный и со вкусом оформленный сайт — это главная цель любого веб-разработчика. Но что делать, если мощный функционал Вашего проекта значительно усложняет пользовательский интерфейс, и без подсказок посетителю будет ложно…

Установка градиента для текста через CSS

Установка градиента для текста через CSS

Большинство дизайнеров творят и креативят ни на секунду не задумываясь о том, как порой веб-мастеру бывает трудно воплотить их идеи. Однако, не надо расстраиваться преждевременно, если вы относитесь к таким веб-масетрам. С нашей помощью Вы сможете…

Вращение элемента

Вращение элемента средствами CSS

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

Аккордеон средствами CSS

Создаем меню аккордеон средствами CSS

Что такое аккордеон и с чем его едят? В первую очередь хочу Вас заверить, что Вы не ошиблись и это не блог музыкальной консерватории. Сегодня в данной статье пойдет речь о так называемом «аккордеоне». Такое название носит разновидность меню,…

Страницы