Прокрутка списка объектов по событию mousemove
Лето, жара… хочется отдыхать и купаться, но никак не писать интересные статьи :) поэтому опять я пишу с небольшим перерывом. Долго думал – чем же Вас порадовать на этот раз, “валидация форм” – большая статья (напишу позже разбив на пару частей :), “AJAX upload файлов” – хмм.. интересно, но нужен хороший пример (будет позже :), “как сделать свой JS фреймверк” – наверное будет цикл нескольких статей и начну точно не сегодня :)))
Вот так я долго не решался… но на днях у одного из моих коллег было задание сделать карусель, которая бы вращалась при перемещении мышки, причем по бокам были ПНГ затенения… похардкодив немного он конечно же сделал :))) Но у меня тоже были наработки по этому направлению, и я решил на выходных усовершенствовать свой плагин, чтобы он работал в любых условиях :)
Плагин – mouseGallerySlide
Растягивающаяся textarea
Недавно наткнулся на интересную идею – как растягивать текстовое поле (textarea) в зависимости от контента в нем. дея очень проста, поэтому не могу не поделится ее с вами.
Но раскрою карты не стразу, сначала расскажу как я это делал раньше и укажу проблемы которые при этом всплывают, может вы делали также, и теперь ошибок не повторите.
Статистика использования браузеров
Если вам интересна статистика популярности различных браузеров и их версий, то эти сервисы для вас:
- gs.statcounter.com – пожалуй самый лучший сервис по предоставлению данной статистики. Вы можете посмотреть популярность браузера, отдельно статистику по версиям, статистику мобильных браузеров, поисковиков, ОС и т.п в удобном графическом интерфейсе. все это за любой промежуток времени и в любом регионе мира.
- w3schools статистика – статистика от всеми уважаемого w3schools.com. Данные представлены в виде таблиц по каждому месяцу.
- w3counter globalstats – статистика от w3counter. Также есть данные по разрешению экранов и операционным системам.
Динамические блоки на jQuery
В каждом втором моем проекте, где нужно делать различные эффекты на JavaScript, встречаются различные блоки, которые выдвигаются, выезжают или их нужно вытягивать мышкой. Эффекты такого рода очень просто получить с помощью продвинутых фреймверков, но темнемение на разработку таких маленьких скриптов в сумме уходит много времени. Во всяком случае мне было постоянно лень написать что-то универсальное до сегодняшнего момента, и в каждом проекте я делал эти минискрипты. Но т.к. время – деньги, а времени как и денег вечно не хватает – представляю вам первую версию моего плагина dynamicBlocks.
Пример динамических блоков:
Пример может работать немного некорректно в iframe (если двигая блок убрать мышку из области iframe). Нормальную работу вы можете посмотреть открыв пример в новом окне.
› подробнее
Бегущая строка на jQuery c прокруткой текста
Бегущая строка является, наверное, одним из первых и наиболее старым динамическим эффектом для сайта, поэтому в интернете можно найти много различных версий этого эффекта. Но я, все же, хочу познакомить вас с моей версией этого плагина сделанного с помощью jQuery.
Пример бегущей строки:
Сервисы для скачивания индикаторов загрузки
Последнее время AJAX набирает стремительно обороты в функциональности сайтов. Для всех не секрет, что загрузка с помощью AJAX происходит быстро, но все равно для загрузки необходимо небольшое время. Мне довольно часто приходится видеть на сайтах различный функционал связанный с этой технологией и часто разработчики упускают такой момент – индикатор загрузки данных, что плохо для юзабилити.
Поэтому хочу поделится с вами ссылками, где можно выбрать индикаторы на любой вкус и цвет :)
Кроссбраузерный mousewheel, обработка события скролинга
Недавно наткнулся на маленькую проблемку, в одном из последних проектов нужно было прикрепить событие mousewheel, причем код должен был быть написан без сторонних фреймверков. Когда попытался повесить функцию на onmousewheel, убедился, что она работает по разному в некоторых браузерах, а в иных и вовсе не работает.
В этой статье я хочу поделится с вами функциями на JavaScript для кроссбраузерного события скролинга. Покопавшись в интернете нашел несколько неплохих идей, но почти все они были полуфабрикатами. Поэтому, собрав определенную коллекцию различных решений – вывел и оптимизировал их в одну легкую в использовании функцию, а что самое главное – универсальную.
Метки
Рубрики
- Browsers (2)
- CSS (2)
- HTML (6)
- JavaScript (30)
- jQuery (17)
- JS Plugins (21)
- Mootools (3)
- off-topic (2)
- Prototype (1)
- WordPress (1)
- WP Plugins (1)
- Верстка (2)
- Методики (5)
- Полезные ссылки (6)