Софкейз

Сделал стилизацию текстового поля в трех состояниях и фокусе. Как видите на картинке текстовое поле голубоватого цвета это обычное текстовое поле, слегка покрасневшее это некорректно заполненное поле и слегка зеленого цвета, это корректно заполненное поле. Получилось вроде симпатично, решил выложить в блог.

Сегодня хочу поделиться небольшим прогресс баром сделанным используя CSS3. Выполнен в синем цвете, отлично смотрится на темных фонах, также подходит к кнопкам, которые я выкладывал ранее. Посмотреть можно здесь , а скачать здесь . Эта запись является открытием новой категории «Бесплатности» (или Freebies) в моем блоге, в ней я буду делиться некоторыми уже готовыми решениями на HTML5, CSS3 и jQuery.

Сегодня мы будем делать прогрессбар как в операционной системе Ubuntu(конкретней в её стандартной графической оболочке GNOME). Как всегда я буду использовать свойства CSS3 и jQuery для анимации и управления состоянием прогрессбара. Сам прогрессбар конечно же не копия как в Убунту, но все же постарался сделать максимально похожим :)

Сегодня я с вами хочу поделиться красивыми кнопками для сайтов с темным фоном, делал естественно на CSS3 :) Кнопки отлично смотрятся и полностью поддерживаются в Google Chrome, Mozilla Firefox, Safari и Opera, за исключением того, что в Опере не поддерживаются градиенты, поэтому в нем градиенты отображаться не будут. В IE как всегда тускло, а именно без теней кнопок и текста, без закругленных уголков и без градиентов :)

В этой статье я покажу как используя CSS и jQuery, можно сделать легкий и красивый аккордеон. Для его создания понадобиться написать лишь пару строчек кода на jQuery и немного на CSS, и для красоты будем использовать немного CSS3. И сразу хочу отметить, что в этой статье я рассказываю не как создать плагин для jQuery, а просто аккордеон, но если же тема будет востребовательна, тогда напишу статью как создать плагин :)