Растягивающаяся 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 для кроссбраузерного события скролинга. Покопавшись в интернете нашел несколько неплохих идей, но почти все они были полуфабрикатами. Поэтому, собрав определенную коллекцию различных решений – вывел и оптимизировал их в одну легкую в использовании функцию, а что самое главное – универсальную.
Cufon – имплементация нестандартных шрифтов
Открыл недавно для себя интересную библиотеку для имплементации нестандартных шрифтов на сайт, которая очень удобна и легка в обращении.
Cufon является достойной альтернативой sIFR, который уже заслужил наше доверие множеством проектов, но который, не смотря на все его достоинства и заслуги является трудным для имплементации, не говоря уже о кроссбраузерности для которой разработчику придется постараться.
Итак, чтоб не быть голословным рассмотрим первый пример:
Метки
Рубрики
- Browsers (2)
- CSS (2)
- HTML (6)
- JavaScript (29)
- jQuery (16)
- JS Plugins (21)
- Mootools (3)
- off-topic (2)
- Prototype (1)
- WordPress (1)
- WP Plugins (1)
- Верстка (2)
- Методики (5)
- Полезные ссылки (6)