Comments / Profile of weiss / Habr

Вот я и так тоже пробовал, но что-то не завелось, скорее всего что-нибудь не то сделал. Мне в блоге еще подсказали, что dev-версия LiveReload якобы стабильнее: github.com/dz0ny/LiveReload-sublimetext2/tree/devel (тоже в сочетании с расширением 2.0.8 по вашей ссылке).

Red Bull Stratos, прямая трансляция: дубль 2

weiss Oct 15 2012 at 08:11

«Меня трудно найти, легко потерять и невозможно забыть».

Red Bull Stratos, прямая трансляция: дубль 2

weiss Oct 14 2012 at 17:10

Искать жизнь на Марсе?

Red Bull Stratos, прямая трансляция: дубль 2

weiss Oct 14 2012 at 16:56

Интересно, что чувствуешь, когда тебя несет вверх гелиевый шар, который обратно не умеет.

+12

Готовим Sublime Text 2 для front-end

weiss Oct 14 2012 at 16:33

У Sublime таких терминов нет, есть плагины, которые добавляют поддержку синтаксиса препроцессоров и/или чего-нибудь еще.

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 14:22

Ну, в продакшн я бы вообще так не делал)
Имел ввиду конкретно этот пост.

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 13:59

В общем решение в посте так себе. Учитывая баги Webkit, которые обнаружены выше, я бы сделал примерно так (если опустить красивости):

<input type="checkbox" id="c1" name="cc">
<label for="c1">Check Box</label>

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  font-size: 14px; /* для webkit */
  cursor: pointer;
}

input[type="checkbox"] + label::before {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url('check_radio_sheet.png') left top no-repeat;
  content: "";
  vertical-align: middle;
}

input[type="checkbox"]:checked + label::before {
  background-position: -19px top;
}

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 13:28

Это из-за font-size, проверил в хроме и сафари на макоси — не работает, если убрать это свойство. Нет возможности сейчас в других браузерах посмотреть, интересно, как поведут себя не-webkit.

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 13:23

А теперь уберите оттуда:

input[type="checkbox"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

и удивитесь))

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 12:55

Можете показать пример? У меня не работает нажатие на псевдо-элемент, когда вешаю его на label.

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 12:51

Как вы будете ловить нажатие на контрол? Получится, что клик по тексту label будет работать, а по самой картинке (т. е. псевдоэлементу) — нет.

Красивые чекбоксы и радиокнопки на CSS3 без JavaScript

weiss Oct 14 2012 at 12:42

А как скроете оригинальный контрол?

1 2

4 5 ...

11 12