nSite

По ходу работы потребовалось сделать красивый скроллинг по спецпредложениям на первой странице сайта www.avktea.ru

Задача была после изучения статьи «Настраиваем внешний вид скроллбара» и соответственно установкой скриптов:

1. jQuery
2. Mouse Wheel Extension
3. jScrollPane

Результат меня очень порадовал. Получилось даже лучше, чем дизайнер в макете нарисовал.

Новая инициатива от Google. Теперь на серверах Google будут размещаться все популярные javascript-библиотеки. Больше не придётся думать о кэшинге, gzip-е, хостинге, трффике и тд. Сейчас объявлено о размещении Prototype, Script.aculo.us, jQuery, Dojo и MooTools.

Можно подключить нужный скрипт напрямую, например:

HTML:

1. <script src=»http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js»></script>

или можно использовать гугловскую библиотеку для подгружения нужных скриптов. Например:

HTML:

1. <script src=»http://www.google.com/jsapi» type=»text/javascript»></script>
2. <script type=»text/javascript»>
3. google.load(«jquery», «1.2.3″);
4. google.load(«prototype», «1.6″);
5. google.load(«scriptaculous», «1.8.1″);
6. google.load(«mootools», «1.11″);
7. google.load(«dojo», «1.1.1″);
8. </script>

Можно задавать нужную версию как параметр, а так же запрашивать несжатую версию библиотеки:

HTML:

1. <script src=»http://www.google.com/jsapi» type=»text/javascript»></script>
2. <script type=»text/javascript»>
3. google.load(«jquery», «1.2.3″, {uncompressed:true});
4. </script>

Javascript от Yahoo, подгружает только видимые картинки. Полезно, для сайтов насыщенных большим количеством изображений.

http://developer.yahoo.com/yui/imageloader/
http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin

После непродолжительного использования скрипта Lightbox выяснилось, что некоторых наших отечественных пользователей пугает ситуация, когда при открытии увеличенной фотографии вдруг пропадает содержание страницы. Поэтому было найдено альтернативное решение в виде скрипта Highslide JS.

Этот скрипт производит максимально интуитивное увеличение фотографии, и при этом смотрится внушительно. Для серьёзных проектов имеет смысл использовать именно такой скрипт.

Скрипт платный для коммерческого использования.

Однако у этого скрипта есть одна существенная проблема – для того, чтобы воспользоваться всеми его возможностями контент-менеджеру необходимо знание html и даже javascript. К сожалению, такое встречается не очень часто. Поэтому если контент-менеджер сайта точно не будет обладать этими знаниями, следует воспользоваться скриптом Slimbox.

Slimbox – это клон Lightbox 2.0, но выполненный на другом движке, и занимающий существенно меньший объём.

У Slimbox нет двух очень полезных свойств Highslide. А именно: увеличение фотографии из места её непосредственного расположения и увеличение фотографии до размера браузера, а не до максимального размера фотографии. Зато есть один очень большой плюс – все свойства картинки (в том числе и описание) прописываются в HTML стандартными средствами любого визуального редактора.

Будем отслеживать развитие этих двух скриптов, возможно, один из них впитает полезные свойства другого и тогда можно будет для всех случаев рекомендовать один скрипт.

Ещё один скрипт для подсветки кода. Пока ещё не использовал его в деле. Надо будет сравнить его с предыдущим скриптом аналогичного назначения. Правда для этого скрипта автор заранее оговаривает то, что скрипт не является супер-быстрым, а скорее наоборот – медленный. При отображении нескольких дюжин строк кода проблем не будет, а вот при попытке обработать больше 10 килобайтов кода – скорее всего скрипт преждевременно прекратит работу.

Читать дальше »