Записи с меткой: css

“Копировать в буфер” плагин для jQuery – zClip

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

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: создавайте формы онлайн и забирайте готовый код

HTMLform.com — онлайн-приложение, позволяющее любому создавать формы онлайн и получать готовый код (в HTML/CSS/JS/PHP).

Вы можете сразу приступить к созданию форм (и это без регистрации на сайте):

  • Любые поля формы (даже file)
  • подсказки для каждого поля
  • правила проверки полей (включая regex)

Кроме стандартных полей можно добавить captcha (re-captcha), чтобы сократить количество спама.

Все данные сохраняются в базе данных на движке PHP flatfile db, так что введя пароль Вы можете (скрипт идет в комплекте со скачанной формой):

  • посмотреть введенные данные
  • экспортировать данные в CSV или Excel

Так же можно настроить уведомление по почте о создании новой записи.

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

, , , , ,

Оставить комментарий

Spritebox – онлайновый генератор CSS-спрайтов

Spritebox — это беслптаный онлайн-сервис, который позволяет делать целые css-классы из одного изображения.

Изображение может быть взято с любого веб-сайта или загружено с компьютера (в том числе и с помощью drag-and-drop).

После загрузки изображения моно выделить любую часть изображения, чтобы сделать из нее блок с css, где будет описана блочная модель и background-position.

Помимо мышки в приложении можно пользоваться клавиатурой. С помощью клавиатуры блок можно подогнать «пиксель-в-пиксель».

, , , , ,

Оставить комментарий