Поиск по этому блогу

четверг, 15 декабря 2016 г.

четверг, 15 августа 2013 г.

Placeholder styles

Placeholder - это текст который виден в пустом поле ввода, и предназначен для подсказки пользователю что необходимо ввести в данное поле.

Используем простой HTML для примера:
See the Pen Placeholder styles bold by Dima Sokol (@SDemonUA) on CodePen.

Для стилизации плейсхолдеров необходимо использовать вендорные псевдоклассы:

See the Pen Placeholder styles styled by Dima Sokol (@SDemonUA) on CodePen.

Важно:при объединении псевдоклассов как одно правило, стили не применяются :

/*This will not work*/
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
color:red;
border:1px solid green;
background:yellow;
}

понедельник, 28 января 2013 г.

Виджет часов на JS + CSS 3. Часть 1

Подумать, только, как летит время и все меняется вокруг? Не так давно для реализации более-менее "симпатичных" часиков необходимо было прибегать к использованию спрайтов, а для часов с круглым циферблатом казалось проще и вовсе использовать Flash, а не "мощь" CSS и JS. Давайте проверим насколько трудно сейчас реализовать подобный виджет.