Записи с меткой: css
“Копировать в буфер” плагин для jQuery – zClip
Отправлено mbzeus в Скрипты, JavaScript, jQuery, 12 февраля, 2011
zClip — jQuery-плагин для создания функции «Копировать в буфер» с помощью невидимого Flash-файла.
Плагин построен на базе популярной библиотеки Zero Clipboard + полностью совместим с Flash 10 и ниже.
Библиотека очень легковесна (~7Kb) и имеет поддержку CSS-событий «:hover» и «:active».
zClip накрывает прозрачным Flash-элементом целевой элемент, чтобы перехватить события «click», «mouseenter» и «mouseleave».
Так же есть две callback-функции: «before copy» и «after copy».
Дайте IE возможность рендерить декоративные элементы CSS3
CSS Level 3 известен своими фишками в области стайлинга html-элементов. Скругленные края, нормальные отбрасываемые тени, градиентные заливки фона и много чего еще. Все это можно сделать с помощью CSS3! Но, поскольку Internet Explorer не поддерживает стандраты CSS3, нужно подключать CSS3 PIE.
PIE написан специально для Internet Explorer. Подключается он, как behavior и позволяет распознать опции CSS3 + отрендерить их в IE. CSS3 PIE позволяет Internet Explorer 6-8 рендерить несколько разных фич CSS3, которые не доступны в стандратном IE.
jQuery Frontier Calendar — полностью настраиваемый календарь на jQuery
Отправлено mbzeus в Скрипты, JavaScript, jQuery, 25 января, 2011
jQuery Frontier Calendar — плагин месячного календаря, который внешне смахивает на Google Calendar и iCal. Все элементы пользовательского интерфейса можно перерисовать и настроить под себя. Вы можете использовать хуки API, чтобы управлять календарем так, как нужно.
Если в один запланировано слишком много мероприятий, появляется ссылка More, по которой можно посмотреть мероприятия в модальном окне, которые не попали на основной экран. Внешний вид модального окна можно изменить через CSS.
VideoJS — HTML5 видеоплеер со скином на чистом CSS
VideoJS — это HTML5 видеоплеер, состоящий из трех основных частей: HTML-код для встраивания (Video for Everybody), библиотека JavaScript (video.js) и скин, написанный на чистом CSS (video-js.css). Используя код Video for Everybody Вы должны понимать, что он поддерживается многими устройствами (включая те, которые не поддерживают JS).
JS-библиотека исправляет ошибки браузеров и устройств, и дает возможность проиграть видео в некоторых старых версиях браузеров. Скин будет правильно отображаться только в браузерах, которые поддерживают HTML5, зато его можно менять под себя (расположение элементов управления, цвет и т.п.).
HTMLform.com: создавайте формы онлайн и забирайте готовый код
Отправлено mbzeus в CSS, Дизайн, Онлайн-сервис, HTML, JavaScript, PHP, 14 января, 2011
HTMLform.com — онлайн-приложение, позволяющее любому создавать формы онлайн и получать готовый код (в HTML/CSS/JS/PHP).
Вы можете сразу приступить к созданию форм (и это без регистрации на сайте):
- Любые поля формы (даже file)
- подсказки для каждого поля
- правила проверки полей (включая regex)
Кроме стандартных полей можно добавить captcha (re-captcha), чтобы сократить количество спама.
Все данные сохраняются в базе данных на движке PHP flatfile db, так что введя пароль Вы можете (скрипт идет в комплекте со скачанной формой):
- посмотреть введенные данные
- экспортировать данные в CSV или Excel
Так же можно настроить уведомление по почте о создании новой записи.
HTMLform.com имеет встроенную поддержку многоязычных форм, и разные настройки для гибкого изменения внешнего вида.
Spritebox – онлайновый генератор CSS-спрайтов
Отправлено mbzeus в CSS, Дизайн, Онлайн-сервис, HTML, 5 января, 2011
Spritebox — это беслптаный онлайн-сервис, который позволяет делать целые css-классы из одного изображения.
Изображение может быть взято с любого веб-сайта или загружено с компьютера (в том числе и с помощью drag-and-drop).
После загрузки изображения моно выделить любую часть изображения, чтобы сделать из нее блок с css, где будет описана блочная модель и background-position.
Помимо мышки в приложении можно пользоваться клавиатурой. С помощью клавиатуры блок можно подогнать «пиксель-в-пиксель».
Для отправки комментария необходимо войти на сайт.