Скрипт голосования

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

Не требует базы данных MySQL. Все данные по голосованиям и их результаты хранятся в одном единственном файле.

Демонстрация

Color Picker - плагин JQuery для подбора цвета

Простой JQuery плагин, позволяющий реализовать наглядную возможность выбора цвета в режиме реального времени. Запоминает последние 10 выбранных цветов и хранит их в специальной удобной панельке для быстрого доступа к ним.

ДЕМОНСТРАЦИЯ работы

Скачать исходные коды


ImgBox - Jquery плагин увеличения картинок

JQuery плагин увеличения картинок

ДЕМОНСТРАЦИЯ работы плагина

Скачать исходные коды


Выпадающее меню на CSS3

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

Скрипт для создания формы с пошаговым заполнением полей

Скрипт jQuery Form to Form Wizard (v1.1) реализует функциональность обычной HTML-формы (тег <form>) с пошаговым заполнением полей и с основными необходимыми проверками.

Для преобразования вашей формы в пошаговую потребуется объединить группы элементов формы в тег FIELDSET, а все остальное сделает этот замечательный скрипт - разобьет страницу с формой на несколько страниц, добавит подходящий текст к каждому шагу, пронумерует страницы и отобразит кнопки навигации по форме. Это сделает форму более приятной к восприятию и интуитивно понятной.

Блоки с закругленными углами

Открывая новый раздел сайта посвященный CSS, хочу начать с темы которая будоражит умы многих веб разработчиков и верстальщиков - создание блоков с закругленными углами.

Вопрос далеко не новый и на эту тему уже немало было сказано. Но предлагаю взглянуть на это с учетом современного состояния web технологий)))

Справочные таблицы (шпаргалки) Web-мастеру

справочные таблицы - php, css, html

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

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

Да! Таблицы на английском! Но его там совсем мало! И если в СССР нельзя было встретить человека, который не изучал бы историю партии, то в современном мире нельзя встретить человека, который не изучал бы английский язык)) Даже самых минимальных знаний английского вам будет достаточно чтобы во всем разобраться.

Скрипт просмотра увеличенных изображений

Скрипт для увеличенного просмотра изображений на странице – Lightbox Image Viewer 2.0.

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

Скрипт бегущей строки

Еще один интересный скрипт из буржуйского интернета - позволяет сделать на странице эффект «бегущей строки» из блоков текста, изображений и других элементов HTML. Имеет большое количество настроек, но самое интересное, на мой взгляд, - это возможность управлять бегущей строкой с помощью указателя мышки.

ToolTip - скрипт всплывающих подсказок

Сегодня хочу начать еще одну рубрику сайта, где я буду время от времени представлять уже готовые скрипты, найденные мною на просторах интернета (в основном это англоязычный сегмент интернета). Если потребуется, то я их немного модернизирую (читай - переведу) и выложу в свободный доступ. Вот сегодня начну с простого скрипта всплывающих подсказок, написанный на языке JavaScript, который на буржуйском языке носит название Sticky Tooltip script.