За последний год, Smashing Magazine развивалась.We’ ве издает меньше списки и более глубокие статьи о дизайне и веб-разработки.
Мы пригласили специалистов и громких разработчикам писать для нас.We’ посетили вкладывать больше ресурсов в качестве и актуальности нашей статьи.We’ нас также изучить новые форматы, а по выходным we’ нас издается более вдохновляющей части, оставляя глубокие статьи в weekdays.
We’ пробовал все возможное, чтобы питать растущие аппетиты наших читателей для более продвинутых статьи, но в последнее время we’ ве получает больше запросов на тщательно отобранных, полезные облавы.Мы не являемся большими поклонниками списки тоже, но формат полезен, и — если ресурсы имеют отношение — может быть чрезвычайно полезным.Таким образом, we’ ве решил добавить пару облав в месяц в качестве бонуса для наших постоянных статей.Вместо того чтобы заменить основные статьи, мы будем добавлять облавы на вершине нашей регулярной основе.Если вы don’ т, как облавы или найти их нарушении, пожалуйста, чтобы пропустить их.Как это работает для вас
В этой статье мы представляем 40 полезная, но неясных JQuery плагин ins, которые, надеемся, помогут вам улучшить впечатления пользователей от веб-сайтов.Мы с нетерпением ждем ваших идей и предложений в комментариях к этому посту.
Советы, подсказки, Navigation
Туптуп JQuery Plugin
Туптуп обнаруживает края окна браузера и убедиться, что подсказка остается в пределах текущего размера окна.В результате появится всплывающая приспособиться к отображаются сверху, снизу, слева или справа от элемента с Туптуп применяться к нему, в зависимости от того, что необходимо оставаться в пределах окна браузера.Туптуп очень легкие и интеллектуальные пользовательские подсказки JQuery плагин.Он использует ZERO изображения и является полностью настраиваемым через CSS.
Контекстная Советы выдвижной с JQuery & CSS3
набор контекстных советы выдвижной с JQuery & CSS3, которые идеально подходят для продуктов страницах и сайте tours.
JQuery плагин Slider (Safari стилю)
JQuery Slider проста в использовании и многофункциональный плагин JQuery.
jSquares
jSquares является JQuery плагин, который всплывает изображение и описание наложение при наведении курсора мыши.Это в основном идентичны сетке изображения найдены на www.ted.com.Работает как шарм в IE6, FF 3, Safari 3 и опера 10.
Nav-о-Matic
один спрайт навигации является большим, но все мы знаем, он может получить немного утомительно.Все, что измерение пикселя ломтиками фотошоп, осторожно кодирования вашего CSS и последующее калькулятор трепку достаточно, чтобы свести никому, чтобы начать микроволновой печи пушистых котят.Wouldn’ т было бы замечательно иметь модный онлайн-инструмент для берем на себя все скучные вещи для Вас в несколько кликов?Ну не желаю more…
Jquery Двусторонняя Мультиселектор
Этот плагин конвертирует несколько выберите список в двусторонней множественного выбора списка.Это означает, что отображение списка вариантов в левом окне руки и предметы выбрать перемещаются в правую руку box.
JQuery клавиатуры Plugin
JQuery Keyboard Navigation Plugin обеспечивает возможность для элементов на странице для навигации и активируется через keyboard’ S вверх, вниз, вправо и стрелку влево keys.
FullCalendar – Полноразмерный календарь JQueryPlugin
FullCalendar является JQuery плагин, который предоставляет полный размер, перетащите & Падение календаря, как показано ниже.Он использует AJAX для извлечения событий на лету для каждого месяца и легко конфигурируется, чтобы использовать свой собственный формат подачи (продление предусмотрено Google Calendar).Он визуально настраивается и предоставляет крючки для пользователей вызвали события (например, нажатия или перетаскивания событий)
Forms
iPhone радио Стиль и Флажок Переключатели использованием JQuery и CSS
простой метод для создания кнопки радио и Флажок выключатели с jQuery.
JQuery Выберите Меню интерфейса: ARIA доступных плагинов для укладки Custom HTML Select Element
Наш последний вклад в лабораториях Выберите Меню плагин, который предназначен для дублирования и расширить функциональность родного HTML выберите элемент,и позволяет настраивать внешний вид, добавлять иконки и создать иерархию внутри вариантов.Лучший из всех, it’ S построен с прогрессивного улучшения и доступности в виду, имеет все родные мышь и клавиатуру, и ThemeRoller-ready.
Лучше JQuery В поле Метка Plugin
Это очень хороший эффект, и это действительно может помочь сэкономить место на форме.Есть миллиарда различные способы реализации этого, и я don’ T предлагаю вам использовать приведенный выше пример, потому что это был всего лишь быстрый способ, чтобы показать эффект.Так let’ с прогулки по несколько различных подходов внедрения и выяснить, лучший способ осуществить это feature.
раздвижные Labels
Тим Райт придумал JQuery технику, которая представляет метки в полях ввода по умолчанию, но затем скользит их влево (или вверх), а не удалениеих на кнопку.Если JavaScript выключен, метки отображаются над полями ввода.Небольшой фрагмент JQuery работает во всех основных браузерах и может быть использован для ввода текстовой и elements.
Вход или Регистрация с jQuery
Некоторые пользователи doesn’ т, как к заполнению регистрационной формы.Так что я был реализован логин и singup полей в одном блоке управления только с JQuery и PHP.It’ с очень простой JavaScript и PHP основные code.
Равномерное – Sexy формы с jQuery
Вы когда-нибудь хотели вы могли бы стиль флажки, выпадающие меню, переключатели и загрузки файлов материалы?Когда-нибудь хотели вы могли контролировать внешний вид и форму элементов между всеми браузерами?Если это так, Uniform ваш новый лучший друг.Равномерное маски ваши стандартные элементы управления формы с пользовательскими тематический контроль.Она работает в синхронизации с реальным элементам формы для обеспечения доступности и compatibility.
Слайд-шоу и Galleries
JQuery Quicksand plugin
Изменение порядка отображения и фильтрации элементов с хорошим перетасовки animation.
Nivo Slider: слайд-шоу JQuery Script
Nivo Slider представляет собой простой и мощный слайдер изображений JQuery плагин, который отвечает всем требованиям.Инструмент имеет девять уникальных эффектов перехода встроенная, а также множество вариантов возиться с: например, можно определить функции, которые будут применяться до и после того, как изображение изменилось, установить скорость анимации и активировать паузу на hover.
# grid
# сетке небольшой инструмент, который вставляет сетку на веб-странице.Вы можете держать сетку на месте и переключать его между передним и задним планом.Для отображения сетки, просто нажмите горячую клавишу на клавиатуре, и вы можете установить собственные быстрые клавиши для переключения представлений.# Сеткеприходит создана с 980 пикселов широкий контейнер, с 20-пиксель желоба, и предполагает, один провод 20 пикселей.Вы можете скачать исходный код (JavaScript и CSS) и использовать классы для нескольких grids.