Promote a Blog | Blog Directory | Content Marketing | Analytics | Blog | FAQ |

Explore » Blog Directory of Selected Blogs
Connect » Authentic Blogger Community
Discover » Featured Blogs and Topics

Recent blog posts on Jquery

Blog Directory Feed

Отзывчивый аккордеон с помощью jQuery

Представляю на ваше рассмотрение очередной вариант блоков с скрытым содержанием в стиле вертикального аккордеона, плавно раскрывающихся по клику. В интернетах можно легко найти немало интересных решений по созданию аккордеонов, как горизонтальных так и вертикальных. Очень популярны компактные, многоуровневые меню в стиле аккордеон, точно так же, как и раскрывающиеся панели с скрытым контентом, работающих на jQuery [] read more »

Эффект пульсации при клике с помощью CSS3 и jQuery

Материальный дизайн (Material Design) от компании Google, в котором анимации не просто оживляют интерфейс, но и представляют пользователю, что происходит. Завораживающие идеи о трехмерном пространстве не оставили равнодушными большую часть сообщества веб-разработчиков и дизайнеров всех мастей. Фрейморки использующие принципы материального дизайна выходят в свет один за одним и используются не только для унификации интерфейсов приложений []? read more »

Коллекция модальных окон и форм

Здравствуйте всем. Посмотрел тут на днях внимательно статистику блога и обнаружил, что больший интерес у наших интернет-трудящихся вызывают уроки и примеры по созданию модальных окон. Самыми популярными оказались решения реализации всплывающих окон без использования javascript, исключительно на чистом CSS3. За время работы у меня накопилось немало интересных решений, которые в разное время я детально расписал [] read more »

Selection Slider – jQuery плагин слайдера с сек...

Несмотря на обилие плагинов слайдшоу и слайдеров написанных под популярный фреймворк jQuery, столкнувшись с задачей, где необходимо было создать слайдшоу, состоящее из нескольких частей, я не смог найти ничего стоящего. Одним из вариантов решения задачи является использование нескольких объектов одного слайдшоу в одном блоке, но данная конструкция не всегда может быть надежной и не везде [] read more »

15 Адаптивных jQuery плагинов Lightbox

Много раз делал обзоры различных галерей изображений, собрал обширную коллекцию эффектных слайд-шоу и лайтбокс-плагинов. Есть в копилке и Lighbox исключительно на CSS3, без подключения дополнительных js-библиотек. Но время не стоит на месте, пользователи всё чаще используют для сёрфинга интернета различные мобильные устройства, а значит адаптивность веб-элементов и в частности фото-галерей с эффектом лайтбокс становится одним []? read more »

5 Вариантов одного меню аккордеон

Однажды я выложил развернутый урок по созданию компактного меню в стиле аккордеон, раскрывающееся по клику, со встроенным счётчиком подпунктов. Меню получилось довольно симпатичным и функциональным. Внешний вид сформирован исключительно на CSS3, градиентная заливка, внешняя тень блока и т.д. Работа меню построена на библиотеке jQuery, исполняющий плагин получился очень лёгким и простым в настройках, так что [] read more »

Master Slider - мастер среди слайдеров!

Всем привет. Слайдеры прочно вошли в жизнь web-дизайнера. Штука удобная и информативная, поэтому они присутствуют на многих сайтах, форумах и блогах. В основном все слайдеры отличаются друг от друга как переходами между самими слайдами, так и способом проявления (создания) очередного слайда.Правда? Точно так. Я тоже так думал до недавних пор. Пока не встретил Master Slider. Ребята, это просто монстр по возможностям среди конструкторов слайдеров . Чего стоит хотя бы тот факт что этот Slider имеет свое... read more »

[jQuery]發現JSON未被定義(undefined)....

JQuery及JSON已經用了不知道幾年去了... 也因此已經不知道有多久沒有再過問IE版本上的問題... 但好死不死的, 最近又遇上他了... 起初的原因很複雜...懶得解釋... 總之問題就是出在使用者使用IE8以前的版本時就會有問題=_= 追查到最後的原因就是出在JSON, 我使用jQuery的版本是2.0.3, 然而IE版本8以前都不支援JSON的, 而JSON.parse();這個東西也是後來jQuery有衍生出來的... 才忽然想起當年很討厭jQuery的我(版本一堆...) 曾經在IE7的那時候加了使用JSON的js, 以前的瀏覽器根本不知道什麼是JSON的, 太習慣現在都用chrome, 早就不想管IE以前怎樣怎樣了...... 因此為了給有使用者是用IE7、IE8, 甚至是IE6(它應該已經去死了吧)的, 毅然決然就把jQuery改成1.11.2的版本, 然後再去翻找出以前的JSON轉換檔案, 當然網路上也隨便就翻的到JSON in Javascript, 這問題就over了。 總結:(依目前jQuery所發佈之版本)jQuery 1.x ... read more »

Главные фишки продающих web-страниц.

Всем привет. Сейчас интернет буквально заполнен сайтами-визитками или продающими страничками типа landing page. Главная web-анимация таких страниц которая пока не надоела пользователю, это плавное появление элементов про прокрутке страницы по вертикали. Это раз. И второе – это эффект красивой замены бекграунда во время той же прокрутки. Чаще этот эффект называют параллаксом бекграунда. Оказалось что создать и то и другое довольно легко. И методов реализовать и первое и второе - много. Назову вам... read more »

Скрытый текст с помощью jQuery

Сегодняшний пост будет коротким, небольшое представление простейшей реализации скрытых блоков с содержанием с помощью jQuery. Как сделать скрытый текст на чистом CSS, я рассказывал ранее, способ хорош, но работает не во всех браузерах стабильно. jQuery в данном случае обеспечивает гарантированную поддержку всеми браузерами, включая тормоз прогресса IE 8. Для чего нужен скрытый текст? Да мало-ли, []?? read more »

Самый лёгкий плагин jQuery для создания вкладок...

Предлагаю на рассмотрение очень простой и наверное, самый лёгкий плагин jQuery, для создания вкладок(табов), с помощью которого, вы сможете, организовать на своих сайтах, вывод контента в виде динамичных, переключаемых блоков с содержанием. Писал плагин давно и для себя, хотелось иметь под рукой надёжный, простой в настройке и использовании инструмент, который может быть подключен в работу [] read more »

Адаптивные модальные формы входа и регистрации

Адаптивное модальное окно c функциями форм входа и регистрации, с возможностью динамичного переключения, без перезагрузки страницы. После появления окна, пользователь может легко переключаться из одной формы в другую, и при необходимости, выбрать опцию изменения пароля. Сегодня мы рассмотрим как всё это можно реализовать с помощью связки небольшого, но очень функционального плагина jQuery и новых стандартов [] read more »

How to create a very simple popup box

To create a simple popup box you need to use hover event or mouse over and mouse out event(actually what ever events you want), in my case I used jQuery mouse over event.  In this read more »

jQuery & CSS3 меню АККОРДЕОН с помощью CSS Menu...

Еще совсем недавно, работая над очередным шаблоном, мне приходилось перелопачивать кучу кода, подбирать цветовую гамму, чтобы сделать оригинальное меню навигации. Уверен, вы проделывали тужу работу и не раз. Сейчас, на просторах глобальной сети появляются различные онлайн-генераторы и целые конструкторы, с помощью которых можно за несколько минут забабахать вполне себе достойное меню любого типа, горизонтальное, вертикальное, []?? read more »

Вертикальное меню в стиле аккордеон CSS и jQuery

Различными блоками, менюшками выполненных в стиле аккордеон, сейчас уже никого не удивишь. Предлагается масса интересных решений и техник исполнения, как с использованием jQuery, так и основанных только на CSS. Сегодня хочу познакомить вас с ещё одним вариантом компактного, вертикального меню в стиле аккордеон, которое отлично впишется в боковую колонку любого сайта. Работа меню основана на [] read more »

Бесплатные адаптивные jQuery слайдеры изображений

Адаптивный, или если хотите, отзывчивый веб-дизайн сейчас не просто очередной дизайнерский тренд, это уже некий стандарт разработки сайтов, обеспечивающий универсальность веб-сайтов, гармоничное визуальное восприятие на экранах различных пользовательских устройств. Ещё совсем недавно, при разработке адаптивного шаблона, мне приходилось сталкиваться с различными трудностями интеграции тех или иных слайдеров и галерей изображений, не нарушая общий дизайнерский стиль. [] read more »

Probando Bootstrap 3

Cada vez menos ordenadores de sobremesa visitan las páginas web. Se venden ingentes cantidades de dispositivos que no son los clásicos ordenadores como tablets, smartphones, smart TV.. Los visitantes de una web necesitan que la página sea compatible con móviles. Bootstrap de Twitter está muy de moda, a fecha de hoy van por la versión 3.1.1 así que aprovechando para ponerme al día les dejo éste post. Al grano.. Bootstrap de Twitter es un framework de desarrollo para hacer aplicaciones web compatibles con... read more »

Probando Bootstrap 3

Cada vez menos ordenadores de sobremesa visitan las páginas web. Se venden ingentes cantidades de dispositivos que no son los clásicos ordenadores como tablets, smartphones, smart TV.. Los visitantes de una web necesitan que la página sea compatible con móviles. Bootstrap de Twitter está muy de moda, a fecha de hoy van por la versión 3.1.1 así que aprovechando para ponerme al día les dejo éste post. Al grano.. Bootstrap de Twitter es un framework de desarrollo para hacer aplicaciones web compatibles con... read more »

Многофункциональный адаптивный слайдер — Glide.js

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

SimplePagination.js — Легкий jQuery плагин для ...

Пагинация, а если поптросту постраничная навигация, важный элемент любого мало-мальски наполненного сайта. Различные системы управления сайтом, в большинстве своем, имеют встроенные инструмента для реализации пагинации. Так же существует масса отдельных плагинов, написанных под это полезное дело, в большинстве случаев они построены с использованием библиотеки jQuery. Все эти плагины, разные и по стилю исполнения и по []?е read more »

Не работает Energosoft Slider для Битрикс 1С

Доброго времени суток, Уважаемый Читатель! Сегодня я порадую Вас несложным решением, которое, в дальнейшем, поможет остальным разработчикам оперативно и легко исправить недочеты, которые существуют в модуле для 1С Битрикс Energosoft.Slider! Итак, проблема заключалась в том, что после установки, на битрикс 12.5.10, данного модуля проявлялись следующие баги: 1) Исчезновение стандартного многоуровневого меню 2) Не рабочая карусель (сам []и read more »

Адаптивный видеоплеер для сайта

Представляю вашему вниманию, легкий jQuery плагин для вставки видео на страницы сайтов с адаптивным дизайном. В последнее время все острее встает вопрос поиска решений для адаптивной верстки различных элементов управления веб-сайтов. Очень часто вставленное в запись видео с какого-нибудь стороннего ресурса (Yotube, Vimeo и т.д.), при просмотре на экранах разных размеров, а у пользователей сейчас [] read more »

Conflictos Javascript entre Mootools y jQuery e...

Me he pasado horas solucionando los conflictos Javascript de una web. Mi caso ha sido con una plantilla de Joomla 2.5 que usa Mootools y jQuery, además de otras extensiones instaladas y plugins internos que usan Javascript. Total, que se cargaba jQuery varias veces (no hay que hacerlo), el orden de carga de los archivos .js no era el correcto. Y el mayor de mis problemas: tanto Mootools como jQuery hacen uso del símbolo $ para programar. Y para colmo usaba el captcha con Aicontactsafe que no funcionaba p... read more »

Conflictos Javascript entre Mootools y jQuery e...

Me he pasado horas solucionando los conflictos Javascript de una web. Mi caso ha sido con una plantilla de Joomla 2.5 que usa Mootools y jQuery, además de otras extensiones instaladas y plugins internos que usan Javascript. Total, que se cargaba jQuery varias veces (no hay que hacerlo), el orden de carga de los archivos .js no era el correcto. Y el mayor de mis problemas: tanto Mootools como jQuery hacen uso del símbolo $ para programar. Y para colmo usaba el captcha con Aicontactsafe que no funcionaba p... read more »

Пример адаптивной верстки «Портфолио» с фильтра...

Грамотно составленное и визуально оформленное портфолио, в нашем случае, это отдельная страница, является важным элементом личного сайта или блога, любого специалиста, достигшего определенного уровня мастерства в своей профессиональной деятельности. Страница портфолио, это такой своеобразный отчет, или визуальное резюме, с помощью которого, вы сможете наглядно продемонстрировать читателям и посетителям сайта/блога, набор наиболее удачных реализованных работ, будь-то [...]( read more »

Пример адаптивной верстки Портфолио с фильтраци...

Грамотно составленное и визуально оформленное портфолио, в нашем случае, это отдельная страница, является важным элементом личного сайта или блога, любого специалиста, достигшего определенного уровня мастерства в своей профессиональной деятельности. Страница портфолио, это такой своеобразный отчет, или визуальное резюме, с помощью которого, вы сможете наглядно продемонстрировать читателям и посетителям сайта/блога, набор наиболее удачных реализованных работ, будь-то [...]( read more »

Создаем эффектные вкладки (табы) для сайта

Растет армия пользователей использующих для серфинга в интернете различные мобильные устройства: iPhone, iPad, мобильные телефоны и т.д и т.п. Все эти современные гаджеты имеют разные разрешения и возможности экранов, а значит перед разработчиками веб-сайтов еще острее встает вопрос юзабилити, т.е. логичность и простота в расположении элементов управления пользовательских интерфейсов, а так же организация более компактной [...]?? read more »

Десятка Адаптивных Lightbox Плагинов

LightBox считается на сегодняшний день одним из самых популярных и эффектных способов отображения изображений, мультимедиа и другого информационного контента без обновления страницы. Существует огромное количество одноименных плагинов LightBox, для создания привлекательного эффекта наложения. В последнее время появляются довольно хорошие и работоспособные решения, выполненные с помощью CSS3, без использования javascript. Реальность диктует условия, а она такова [...] read more »

Выводим твиты на любом сайте с помощью jQuery

Существует немало различных способов отображения твитов на сайтах и блогах. Для WordPress например, есть своя кучка специальных плагинов. Да и народные умельцы из числа противников большого количества плагинов, не дремлют, покопавшись в недрах движка wordpress, явили страждущим пару-тройку решений вывода твитов без использования плагинов. Незнаю, способствует ли раскрутке твиттер аккаунта отображение последних твитов на страницах [...]? read more »

Photobox – CSS3 jQuery галерея изображений

Галерей изображений существует достаточно много. Все они разные и по сложности исполнения и по функциональности, а так же отличаются в общем оформлении миниатюр, и выводе полномасштабных изображений. В большинстве своем галереи изображений разрабатываются с помощью плагинов jQuery, реже с применением свойств CSS3. Представляю вашему вниманию Photobox легкую jQuery галерею изображений, в которой автор использовал новые [...] read more »

Oracle Certified Expert, J2EE-WCD: preparación

Por fin, he recibido mi diploma de Oracle Certified Professional en manos..... Realmente no puedo entender los empleados de correos rusos. Casi medio del año por transmitir un paquete de Inglaterra a Rusia, me parece que es demasiado mucho. Ahora gasto casi todo mi tiempo libre (a veces no entiendo donde lo tomo:)) para otra preparación - quiero obtener OCE J2EE Web Components Developer, porque JSP y los componentes relativos forman la mayor parte de mi trabajo. Todavía no he decidido cuando voy a pasar... read more »

El SlideShow más simple con jQuery

Un slideshow viene a significar visor de imágenes o diapositivas que van pasando una tras otra.Estuve buscando para descargar slideshows para web. Encontré de todo tipo, muy elaborados y con muchos extras, unos de pago y otros gratis, pero no era lo que yo quería. Buscaba algo lo más sencillo posible para adaptarlo luego donde lo necesite y al final acabé programándolo a partir de jQuery.Aquí va el código para el que lo necesite: