Мир CSS » Интересное

Пускаем пузыри

cssmaster — Thu, 22 Jul 2010 09:42:55 +0000

Bubble Engine – красивый плагин JQuery который может очень миленько имитировать мыльные пузыри.
Можно менять количество источников пузырей, скорость пузырей, да и вообще сами пузыри можно заменить на что нибудь другое. Например на сердечки или звезды (искры).
Сайт с примерами и с ссылкой на скачивание

***Информация ниже щедро оплачена***
Женитесь или выходите замуж? Для вас организация свадьбы под ключ. И ненужно заморачиваться где взять тамаду, автомобили, где помещение снять.

Смотрите также

Выдвижное меню

cssmaster — Wed, 19 May 2010 11:49:22 +0000

JQuery UI виджет, который преобразует вложенные элементы списка в красивые меню.

Красивое раскрывающееся меню с плавной анимацией. Контролировать можно следующее:

Когда она открывается и закрывается
Направление открытия
Радиус дуги
Время, необходимое для открытия

Некоторые браузеры отображают меню прямо, а не по окружности

Документация Демо

Вы по прежнему меняете webmoney в встроенном обменнике в WM Keeper? Есть гораздо выгоднее курсы обмена! Подобрать правильный обменник вам поможет мониторинг обменных курсов

Смотрите также

Pikachoose: jQuery-галерея

cssmaster — Fri, 14 May 2010 08:47:56 +0000

Pikachoose представляет собой легкий плагин JQuery, который позволяет вам легко создавать фото галереи с настройкой параметров для слайд-шоу. Есть кнопки навигации и автоматического воспроизведения. Она также позволяет вам добавить больше чем одну галерею на одной странице. Pikachoose работает во всех основных веб-браузерах.

Pickachoose использует простую разметку (неупорядоченный список, содержащий изображения и подписи) и его очень встроить в любую страницу. Вы можете настроить внешний вид вашей галереи / слайд-шоу путем изменения CSS. Предлагаются также варианты конфигурации позволяющий настроить различные функции:

Несколько галереи на одной странице
Автоматическое создание миниатюры
Эффекты при смене изображений
Включение / отключение Подписи
Переключение режима слайд-шоу/ручное переключение
Включение / отключение кнопок «Вперед» / «Назад»
Высота / Ширина миниатюры
Задержка
Собственные миниатюры

Демо Официальный сайт

Смотрите также

Крутящееся раздвигающееся меню

cssmaster — Thu, 13 May 2010 14:45:14 +0000

Уникальное меню для сайта. При наведении указателем мыши кнопка раскручивается и отъезжает в сторону показывая дополнительные ссылки, заголовки и, даже, элементы формы. Одним словом лучше один раз посмотреть…
Демо Статья с пояснениями (англ.)

Смотрите также

CSS3-хаки,трюки и техники

cssmaster — Fri, 07 May 2010 13:04:50 +0000

Собственно сабж. Еслиб не проклятый IE то б наверняка CSS3 и HTML5 уже бы использовались во всю. Эх…
Статья на английском
Что-то похожее на русском

Смотрите также

Что это? и из чего?

cssmaster — Tue, 04 May 2010 11:50:52 +0000

Джон Леннон! Из букв! – Послышались крики из зала. Но если бы это было просто изображение Джона Леннона из букв этого бы не было в этом блоге, потому что это анимированная приколюха от уже известного нам по Гомеру Симпсону выполненному полностью из CSS+HTML, Roman Cortes Вообщем переходим на пост Романа Кортеса кликаем по песне «Yesterday» и получаем данный портрет. Использовано CSS и JS.
Песню «Yesterday» написал кстати МакКартни:) А вообще в последнее время мне все больше нравится shakira

Смотрите также

Простая крутилка баннеров

cssmaster — Thu, 29 Apr 2010 10:19:12 +0000

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

Демо

Скачать

Статья с пояснениями

Игры и jQuery

cssmaster — Sat, 17 Apr 2010 08:50:30 +0000

Почти как та самая виндовская игра выполненая с использованием jQuery. Есть три уровня сложности начальный, средний и сложный чтобы выделить клетку «вопросом» и оставить решение на потом, кликаем по клетке удерживая ALT.
Блог автора и обсуждение кода

В качестве бонуса к статье предлагаю вашему вниманию еще игры с использованием jQuery

Игра Sudoku

Игра Roller

jKiller – стрелялка

Пинг-понг

и многое-многое другое

Смотрите также

Простой пример Drag & Drop

cssmaster — Wed, 14 Apr 2010 09:52:34 +0000

Простой пример Drag & Drop приведен в блоге simplecoding.org есть версия с jQuery UI и с применением HTML5

Выбор даты на jQuery: CalendarPicker

cssmaster — Fri, 09 Apr 2010 09:39:52 +0000

CalendarPicker уникальный легкий плагин JQuery, который позволяет пользователям изменять даты помощью колеса мыши.

CalendarPicker кроссбраузерен т.е. который работает во всех основных браузерах, включая IE6. Внедрение элемента в страницу очень простое, вы легко можете изменить внешний вид календаря редактированием файла CSS.
Возможности:

Легкая локализация

Поддержка изменения текущей даты

Поддержка колеса прокрутки мыши

Поддерживает изменение количества лет, месяцев и дней

Поддержка стрелки вперед /назад

Демо, мануал и скачивание на сайте плагина

Лето. Жарко. Но в Дубае все равно круче. Если летите туда не забудьте
узнать цены гостиниц Домбая что б знать солько денег брать с собой.

Нет посетителей на сайте. Доверься профессионалам! Для тебя есть продвижение сайтов оптимизация новосибирск

jQuery Наложение

cssmaster — Mon, 05 Apr 2010 08:06:19 +0000

Наложение HTML поверх основной страницы является одним из самых распространенных функций в сайтах сегодня. Вам нужны разные пометки в различных ситуациях, таких как:

1. Увеличение и детальный просмотр товаров.
2. Предупреждения.
3. Модальные диалоги для обратной связи с пользователем.
4. «Lighbox»- стиль галереи изображений.

Демо и документация

Смотрите также

Анимированный hover

cssmaster — Wed, 31 Mar 2010 09:45:53 +0000

При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта «дверь» можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи jQuery.

Демо и описание в блоге автора

Смотрите также

Доска почета

cssmaster — Fri, 26 Mar 2010 08:42:27 +0000

Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме «Поле чудес«, и появляется краткое описание и ссылка.
Демо и описание

Смотрите также

Индикатор сложности пароля

cssmaster — Thu, 25 Mar 2010 16:31:34 +0000

Ну тут писать в общем-то нечего. Легкий и несложный чекер сложности пароля работающий при помощи jQuery.
Описание и демо.

Смотрите также

Типографика в веб-дизайне

cssmaster — Mon, 25 Jan 2010 15:28:33 +0000

Гениальная статья про использование шрифтов в веб-дизайне, да и,в прочем, в любом другом дизайне. Написано толково и с примерами.

Опубликовано в дизайн-мании

Смотрите также

Маскировка пароля с задержкой PassShark

cssmaster — Thu, 10 Dec 2009 06:30:07 +0000

PassShark это класс MooTools для маскировки пароля: Вывод последнего набранного символа на время последующей его маскировки.

Интервал задержки можно настраивать. Работает во всех браузерах.

Страница с демонстрацией и ссылкой на скачивание PassShark

Смотрите также

Веб-файл-менеджер Mollify

cssmaster — Mon, 07 Dec 2009 11:03:52 +0000

Mollify является веб-приложением с открытым исходным кодом представляющим из себя файл-менеджер, построен на PHP & GWT. Может управлять файлами размещенными на веб-сервере.

Программа имеет простой, интуитивно понятный интерфейс на AJAXе, поддерживает несколько Языков.

Приложение мульти-пользовательское (пользователей можно делить на группы), уровни доступа могут быть установлены непосредственно на любые файлы и папки с помощью контекстного меню.

Есть возможность загрузки файлов или папок в архивах причем несколько файлов (папок) одновременно.

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

Интерфейс полностью настраиваемый при помощи CSS. Кроме того, интеграция приложений с другими продуктами возможна без проблем пользовательский интерфейс и админка являются независимыми (они общаются с HTTP / JSON).

Смотреть можно здесь

Индикаторы загрузки AJAX

cssmaster — Fri, 24 Jul 2009 06:54:08 +0000

Всем кто хочет разнообразить индикаторы загрузки при ожидании ответа от сервера
На «Временно.НЕТ» сделали обзор специальных сервисов.
Пользуемся

Смотрите также

Почему не следует использовать @import

cssmaster — Tue, 14 Apr 2009 17:28:13 +0000

Хороший перевод статьи, почему не следует использовать @import

Читаем

Смотрите также

Текст – в изображение

cssmaster — Thu, 23 Oct 2008 05:02:19 +0000

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

Качать от сюда

Примеры

Смотрите также

Формы обратной связи

cssmaster — Thu, 23 Oct 2008 04:48:39 +0000

16 бесплатных AJAX форм для контакта. Мне лично больше всего понравилась первая.

Смотрим

Смотрите также

Куда же без таблиц

cssmaster — Wed, 22 Oct 2008 10:57:27 +0000

Вероятно баян. Но я наткнулся на эту приколюху совсем недавно. При помощи сервиса Kotatsu можно быстро сделать таблицу причем сходу дабавить необходимые классы для конкретных строк или столбцов.

Пробуем

–

Сеошникам в помощь Пух собрал неплохие базы каталогов сайтов и лент RSS. Все они подходят как для ручной регистрации, так и для allsubmitter‘а

Табы они же вкладки

cssmaster — Thu, 09 Oct 2008 15:08:19 +0000

Простой способ сэкономить место на странице, спрятать ссылки или типа того. Все это делается с помощью jQuery

Знакомимся

Смотрите также

Про адаптивные блоки

cssmaster — Wed, 17 Sep 2008 10:55:59 +0000

Юрий “akella” Артюх покапался в исходниках выдачи Яндекса и Гугла по картинкам и написал интересный пост об адаптивных блоках

Статья

Один из примеров (попробуйте изменить размер окна)

Верчу как хочу

cssmaster — Thu, 14 Aug 2008 18:42:04 +0000

Расскажу я вам о небольшой JS библиотечке под названием Rapha?l. С помощью нее можно скруглять углы у иображений, накладывать тень, вращать изображение и многое другое.

Описание и примеры

Смотрите также

Всплывающие подсказки

cssmaster — Wed, 13 Aug 2008 16:28:26 +0000

Интересный вариант всплывающих подсказок на jQuery. Подойдет например для подсказок к формам.

Пример

Описание

Смотрите также

Кнопочки

cssmaster — Fri, 08 Aug 2008 10:22:15 +0000

Подборка статей по созданию инетересных кнопок

Смотрим

Смотрите также

Создание диаграмм с помощью CSS

cssmaster — Wed, 25 Jun 2008 14:43:56 +0000

В продолжение темы визуализации данных – создание диаграмм без JS и изображений

вот

Визуализация данных на HTML и CSS

cssmaster — Mon, 23 Jun 2008 16:48:41 +0000

Google Charts API – отдыхает! Перевод статьи Wilson Miner от design for masters. В общем про всякие диаграммы и статусбары на CSS.

Вспоминаем

Скругление углов без изображений и не только

cssmaster — Mon, 23 Jun 2008 16:23:21 +0000

Хорошая подборка по скруглению углов у блоков без использования изображений. Обязательно читать комменты!
Читаем
Кстати на этом блоге заведен специальный тэг по которому можно найти все статьи про закругление углов CSS