Блог Vaden Pro

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

Устанавливаем размеры блока через абсолютное позиционирование

В данной статье рассказывается о том, как можно оперировать позициями и размерами в CSS, чтобы создавать блоки и решать типичные задачи дизайна. Также здесь будет показано, как можно через позиционирование определить размеры блока. Постановка…

Как центрировать резиновый блок

На уровень выше, или как центрировать резиновый блок?

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

Рисуем треугольные фигуры средствами CSS

Рисуем треугольные фигуры средствами CSS

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

обтекание текстом картинки

Как убрать обтекание текстом картинки?

Довольно часто перед верстальщиком ставятся определенные нестандартные задачи. Наша цель — предложить наиболее рациональное и правильное решение. Сегодня речь пойдет об особенностях обтекания текстом изображения. Постановка задачи Написание какой-…

Убрать лишние отступы

Как убрать лишние отступы у img внутри блока?

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

Нестандартные шрифты CSS

Как правильно подключать шрифты при помощи CSS? Правило @font-face

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

Особенности использования спецсимволов в генерируемом контенте

Нюансы вывода спецсимволов html через псевдоэлементы CSS

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

Текст по кругу посредством css

Текст по кругу посредством css

Часто для уникальности и красоты сайта дизайнеры придумывают разные декоративные украшения, трансформирование текста. И важная задача верстальщика при этом сделать все как можно правильнее - сделать все что можно посредством html и css не используя…

Нестандартные тени CSS

Нестандартные тени CSS

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

3D ленточка CSS

3D ленточка CSS

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

Страницы