Результаты опроса: Как вы группируете(сортируете) CSS свойства?

Более 10000 человек участвовали в опросе «Как вы группируете CSS стили». Самым популярным способом группировки оказалась группировка свойст по типу.

Результаты опроса:

Пожалуй расшифрую =)

  1. Группировка по типу, заняла первое место. Набрала 45%
  2. В случайном порядке, на втором месте. 39% было заработано
  3. Гораздо менее популярным оказалась группировка по алфавиту 14%
  4. И совсем не популярным способом группировки оказалась группировка по длине символа, только 2% проголосовавших выбрали этот способ группировки CSS стилей.

Небольшая заметка для записи, по группировки по типу:

.selector {
  /* Positioning */
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;

  /* Display & Box Model */
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  padding: 10px;
  border: 10px solid #333;
  margin: 10px;

  /* Color */
  background: #000;
  color: #fff

  /* Text */
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-align: right;
  /* Other */
  cursor: pointer;
}

Я вот группирую все беспорядочно, и после прочтения данной статьи, попробую группировать по типу =). Хотя знаю, что вряд ли получится, ну ничего буду стараться.

Информация взята с сайта CSS Tricks

Раздвижные ссылки как на GitHub. Style Sliding Links Like GitHub

Заметил на GitHub прикольный эффект раздвижных ссылок.По умолчанию ссылки имеют усеченный текст, а при наведении на ссылку, появляется полностью его содержимое. Для реализации этого эффекта можно использовать один лищь CSS. Итак позвольте мне показать вам как это делается. (далее…)

Плохие новости...

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

И все дело в этой ужасной 100% — й загрузки процессора, о которой я писал вот здесь, а так как я любитель поперепрошивать телефоны, то мне постоянно ставить эти хаки очень уж лень. Поэтому я решил закрыть категории на сайта Android OS и LG P500. Всем спасибо. Досвидания.

Размер шрифтов. Что чему равно
Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%
Определяем видимость элемента на странице

Для того чтобы в JS проверить виден ли объект, нужно проверить его offsetHeight, если он равен 0 (ноль), то элемент скрыт.

Мне на заметку тоже. Кстати код кроссбаузерный

Генератор HTML+CSS шаблонов

Не могу упустить возможность, чтобы не упомянуть про замечательный генератор HTML+CSS шаблонов.

Очень сильно понравилось, а главное очень просто в использовании!