Красивые уведомления на сайте используя CSS3 и jQuery

Красивые уведомления на сайте используя CSS3 и jQuery sofcase.net

Всем привет, что-то меня в последнее время все больше и больше тянет на UI разработку :) Сегодня поговорим о том как создать красивые уведомления на сайте используя CSS3, а также как их привести в действие используя jQuery. Сами уведомления имеют небольшую кастомизацию, например можно показывать или скрывать превью-картинку, также можно ставить таймер на ...
« Комментарии

Похожие анонсы

CSS3 цифровые часы с помощью jQuery @ 18.11.2013 12:01
В этой статье мы создадим красивые цифровые часы, используя jQuery и немного CSS3, которые можно использовать у себя на сайте, а также для обратного отсчета, например, до нового года :) . Уже скоро можно будет ставить данные часики.Пример часов можно увидеть на сайте.
Уведомления в стиле Skype с помощью jQuery и CSS3 @ 02.05.2014 06:11
То, что Skype стал частью Microsoft, привело к редизайну приложения и появлению новых возможностей его интерфейса, и работая со Skype в Windows 8.1 нельзя не заметить, насколько больше пространства выделено на показ изображения пользователя. А особенно - как изменился дизайн Skype уведомления о входящем вызове. Сегодня я создам свое уведомление с помощью jQuery и CSS3 копируя идею Skype.
Progressbar используя CSS3 @ 03.09.2011 09:17
Сегодня хочу поделиться небольшим прогресс баром сделанным используя CSS3. Выполнен в синем цвете, отлично смотрится на темных фонах, также подходит к кнопкам, которые я выкладывал ранее. Посмотреть можно здесь, а скачать здесь. Эта запись является открытием новой категории «Бесплатности» (или Freebies) в моем блоге, в ней я буду делиться некоторыми уже готовыми решениями на HTML5, CSS3 и jQuery.
Красивые анимированные вкладки на CSS @ 26.10.2013 20:35
CSS3 начинает набирать всё большую популярность и всё больше браузеров начинают поддерживать данную технологию. То что раньше мы делали с помощью javascript, легко можно сделать при помощи CSS3. А сегодня мы рассмотрим как создать анимированные вкладки на CSS3. Пример анимированных вкладок можно увидеть на сайте. А также на сайте можно скачать архив с примером и адаптировать их для своего сайта.
Делаем красивую кнопку используя CSS3 @ 01.09.2011 14:16
Я уже показывал пример как стилизировать текстовое поле используя CSS3, сегодня я хочу рассказать как создавать красивые кнопки используя CSS3. В примере я буду использовать свойства text-shadow, box-shadow, gradient и border-radius. К сожалению градиент поддерживается в данный момент только в Google Chrome, Safari и Firefox.
Урок по созданию галереи Palaroid с использованием CSS и jQuery @ 26.10.2010 04:48
Сегодня мы попытаемся создать одну простую jQuery галерею, используя некоторые основные функции CSS3. Фотогалерея будет выполнена в виде стопки фотографий Polaroid. Вы сможете перетаскивать их по экрану используя мышку.
Как сделать красивые закладки в CSS3 и JQuery? @ 26.02.2012 12:26
Описывается метод создания красивых закладок на вашем сайте с помощью CSS3 и jQuery
Легкий аккордеон используя CSS и jQuery @ 02.09.2011 08:48
В этой статье я покажу как используя CSS и jQuery, можно сделать легкий и красивый аккордеон. Для его создания понадобиться написать лишь пару строчек кода на jQuery и немного на CSS, и для красоты будем использовать немного CSS3. И сразу хочу отметить, что в этой статье я рассказываю не как создать плагин для jQuery, а просто аккордеон, но если же тема будет востребовательна, тогда напишу статью как создать плагин :)
Кнопки на CSS3 @ 07.03.2012 18:56
Всем здрасти! Сегодня я бы хотел Вам показать просто шикарные кнопки построенные на чистом CSS3 не используя при этом ни малейшего кода jQuery. Цветовая гамма кнопок серая, но при этом кнопки получились довольно красивые, даже очень. Давайте меньше болтовни и приступим к делу.
CSS3+HTML5+jQuery+...Duft Punk? @ 15.05.2011 16:21
Посмотрите, что можно сделать с музыкой используя соверменные веб-стандарты. Автор сделал мэшап из своих любимых трэков Дафт Панка и визуализировал его посредством Css3, Html5, jQuery & Canvas.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Лучшие

Активность на сайте