Архив рубрики «CSS»

Отличные видеоуроки по CSS3: Flexbox

31.01.2017

Flexbox позволяет сделать очень много интересных вещей в нашей верстке, которые раньше давались большой кровью или попросту были невозможно. Современный «верстальщик» просто обязан владеть этими знаниями.
(далее…)

CSS3: Описание Flexbox

14.07.2016

Flexible Box — это мощный механизм построения гибких лейаутов.
(далее…)

SCSS: Переопределяем переменные и значения по умолчанию

17.04.2015

SCSS позволяет переопределить значение переменной.

Сделать это можно так:

$color: white !default;
$color: red;

(далее…)

CSS: Как отобразить первых N элементов списка

18.03.2015

Сделать это можно так:

li {
display: none;
}
li:nth-child(-n+3) {
display:block;
}

(далее…)

IE10 не поддерживает условных комментариев (Conditional Comments)

03.12.2013

Разработчики Internet Explorer посчитали свой браузер в 10й версии таковым, который достаточно хорошо поддерживает стандарты и решили убрать возможность указывать стили только для IE10 с помощью условных комментариев (Conditional Comments).
(далее…)

CSS: Почему ограничение длины текста с троеточием (text-overflow: ellipsis) может не работать корректно

05.07.2013

У CSS есть замечательное свойство text-overflow со значением ellipsis которое позволяет ограничивать длину текста добавляя три точки если текст не помещается полностью. Это позволяет добиться эстетичного эффекта и не ломать дизайн.
Но иногда бывает, что это свойство не срабатывает как бы на хотелось.
В чем же может быть причина?
(далее…)

Выпадающее меню по клику средствами CSS

27.05.2012

CSS позволяет реализовать выпадающее меню по клику без JavaScript. Сделать это можно c помощью CSS псевдоклассов :focus, :active, :hover и некоторых маленьких хитростей.
(далее…)

CSS: Выравниваение блока с неизвестной шириной по центру

24.05.2012

Общеизвестный прием при выравнивании DIV-а с известной шириной по центру заключается в том, чтобы задать выравниваемому блоку:

marin: 0 auto;

Но это совсем не работает в случае с блоком у которого неизвестна ширина.
(далее…)

Онлайн сервис для конвертации шрифтов

04.08.2011

(далее…)

CSS: Выпадающее меню средствами CSS без JavaScript

11.06.2011

Вещи, связанные с внешним оформлением, всегда лучше возлагать на плечи CSS по таким причинам:

  • мы освобождаем JavaScript от кода, не связанного с бизнес-логикой, чем делаем его понятнее и проще;
  • нативный функционал браузера обычно работают быстрее чем JavaScript;
  • пользуясь возможностями CSS, мы экономим своё время, потому что решаем поставленную задачу проще и быстрее;
  • невероятно, но факт: JavaScript может быть отключен в браузере :).

Надеюсь, что я смог вас убедить.
(далее…)