html/css

Сегодня мы рассмотрим небольшой пример оформления скроллбара для браузеров на движке WebKit (Chrome, Safari). Сразу хочу сказать, что я не сторонник изменения внешнего вида скролла, всё-таки это стандартный элемент управления и большинство пользователей привыкли к его виду. Злоупотребление возможностью его изменения может усложнить работу с сайтом. Тем не менее, в некоторых случаях создание собственного дизайна для скроллбара полностью оправдано. Возьмем в качестве примера структуру страницы Gmail.

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

Для начала рассмотрим саму разметку HTML, она достаточно проста. Нужно использовать элемент для обозначения места, где будет располагаться переключатель. Весь остальной код будет генерироваться плагином.

До недавнего времени задачу отображения градиентного фона большинство программистов решают путем «подсовывания» картинки на фон и ее повторением по вертикали или по горизонтали, в зависимости от требуемого эффекта.

Несмотря на то, что возможность получения градиентного изображения фона средствами CSS появилась достаточно давно, пользуются этой возможностью не особо охотно. Сегодня рассмотрим пример кода CSS, позволяющий отобразить вертикальный двухцветный градиент. Opera с версии 11.10 тоже поддерживает градиентную заливку фона средствами CSS.