JavaScript → Расстановка точек над onmousewheel и немного о луковом супе
Я уже писал о своих экспериментах со скроллбарами на сайтах и в веб-приложениях, но эти опыты удались не вполне. Поэтому я пока оставил идею кастомизации скроллбаров, но решил досканально разобраться с событиями, вызываемыми прокруткой колеса мыши.
Итак, задача: реализовать реакцию на события прокрутки мышиного колеса над определённым блоком, то есть не трогая «родной» скролл окна браузера. Реализация должна быть кроссбраузерной и не использовать какие-либо фреймворки.
Забегая вперёд, скажу, что этот экперимент удался вполне, а итоговый результат работает во всех десктопных браузерах, начиная с IE7 (по идее, должно работать и в шестом, но сейчас нет возможности это проверить). Также, хочу выразить благодарность поисковой системе Гугл. Без неё жизнь была бы соткана из уныния и отчаяния.
Итак, задача: реализовать реакцию на события прокрутки мышиного колеса над определённым блоком, то есть не трогая «родной» скролл окна браузера. Реализация должна быть кроссбраузерной и не использовать какие-либо фреймворки.
Забегая вперёд, скажу, что этот экперимент удался вполне, а итоговый результат работает во всех десктопных браузерах, начиная с IE7 (по идее, должно работать и в шестом, но сейчас нет возможности это проверить). Также, хочу выразить благодарность поисковой системе Гугл. Без неё жизнь была бы соткана из уныния и отчаяния.
Веб-разработка → HTML-таблица с фиксированным столбцом
Решал как-то задачу отображения широкой таблицы на странице с фиксированной шириной. По условию нужно было всегда показывать левый столбец (с заголовками строк). Может, плохо искал, но найденное решение не устроило, т.к. в нём много ограничений. В результате получилось вот что.
Принцип работы: делаем дубликат таблицы, накладываем его поверх оригинальной. У оригинальной скрываем контент, у дубликата — столбец с заголовками. Проверял в IE8, FF3, O10 (можно допилить для IE6 и 7).
Надеюсь, кому-нибудь пригодится.
Принцип работы: делаем дубликат таблицы, накладываем его поверх оригинальной. У оригинальной скрываем контент, у дубликата — столбец с заголовками. Проверял в IE8, FF3, O10 (можно допилить для IE6 и 7).
Надеюсь, кому-нибудь пригодится.
Интерфейсы → Якоб Нильсен :: Прокрутка и внимание

Представляю вашему вниманию мой второй перевод — новую статью Якоба Нильсена, вышедшую вчера.
Пользователи интернета тратят 80% времени, изучая информацию на «первом экране». Несмотря на то, что прокруткой они тоже пользуются, только 20% их внимания приходится на то, что расположено ниже «первого экрана».
В веб дизайне существует большая неразбериха с т.н. «первым экраном» и важностью показа самой главной информации в области, изначально видимой пользователем. (Т.е., фактически определение таково: «первый экран» обозначает «видимый без дополнительных действий».)
Firefox → Делаем скорость скроллинга в Firefox не хуже, чем в Google Chrome
Как ни странно, в Google Chrome есть одна вещь, которая производит впечатление «ускоряющей», хотя никаких компьютерных процессов она не ускоряет. Это — скорость скроллинга.
В Firefox, напротив, скорость скроллинга весьма медленная. И это неудобно, особенно по сравнению с Chrome.
Вот как можно изменить скорость скроллинга в Firefox:
1. about:config
2. mousewheel.withnokey.sysnumlines = false
3. mousewheel.withnokey.numlines = 6 (или сколько хотите)
Всё! Перезагружать Firefox не требуется, изменения видны сразу.
В Firefox, напротив, скорость скроллинга весьма медленная. И это неудобно, особенно по сравнению с Chrome.
Вот как можно изменить скорость скроллинга в Firefox:
1. about:config
2. mousewheel.withnokey.sysnumlines = false
3. mousewheel.withnokey.numlines = 6 (или сколько хотите)
Всё! Перезагружать Firefox не требуется, изменения видны сразу.