→ Веб-разработка
jQuery и Mootools на одной странице
Ну вот, наконец, я ее все-таки дописал. Рассказать я сегодня хочу о том как подружить jQuery и Mootools. Многие спросят "нафига?". Мой ответ — надо. Надо было вот и искал решение, искал и нашел и теперь хочу поделиться. Вдруг еще кому понадобиться.
Начну издалека. Когда-то давно на www.yahoo.com я обнаружил возможность менять цветовую схему сайта. Тогда мне это показалось страшнейшим шаманством и я даже не стал пробовать разбираться. Много позже я наткнулся на еще один буржуйский сайт где можно было менять фоновую картинку. И вот это я уже никак не смог проигнорировать. Кстати, именно это можно сейчас наблюдать в правом верхнем углу странички — переключение фоновой картинки. Попереключайте, станица совершенно по по-другому воспринимается.
FancyBox – простой и фантастический jQuery плагин
Всем привет. Не так давно потребовалось мне сделать на одном сайте галерею/каталог. Аяксовых галерей великое множество, но нужна была не просто галерея, а именно каталог, который выглядел бы как галерея, но в тоже время представлял собой полноценный каталог продукции. Запутано да?
Попробую объяснить. Есть список товаров, а есть страница описания товара. Нужно было выводить описание товара без перезагрузки страницы. Надо также упомянуть что описание товара — это всегда отдельная страница, которую формируется CMS и никуда от этого не денешься.
Вот собственно о решении этой задачи и пойдет сегодня речь.
UMI-CMS
До того как начать самостоятельно верстать сайты мне пришлось какое-то время поработать контент-менеджером. И на собственной шкуре ощутил, что такое корявые системы управления сайтом. На освоение порой тратился целый день (пока найдешь куда что и как работает)
Что было потом не так интересно да и не об этом речь…
А речь у нас сегодня пойдет про umi cms. Как утверждают разработчики, umi cms — это недорогая и удобная система управления любыми сайтами.
И это так и есть. В самой дорогой сборке Professional (Сommerce — 29990 руб.) есть все. Перед покупкой или просто скачиванием можно потестить систему.
Первые впечатления:
Приятный(логичный) интерфейс — построение структуры сайтов в виде «дерева». Минимум идиотских гламурных иконок(не буду приводить примеры из соображений этичности) и максимум функционала.
W3C стандарты
Как бы странно это не выглядело, но подавляющее число веб-мастеров знакомых со спецификацией редко её придерживаются, а чаще просто игнорируют или используют только незначительную часть описанных функций. И я не исключение…
Почему? То, что я слышал в оправдание, да и то как сам оправдывался, пугает своей однообразностью и нежеланием видеть дальше своего носа. Давайте разберемся…
Оправдания обычно звучали следующим образом: «Не все браузеры поддерживают эту спецификацию» — глупость, т.к. спецификация css2 была выпущена в 1998! году…
Я не спорю что Mozilla Firefox и Internet Explorer по разному подходят к интерпретации как html так и css, но есть методы для решения этих проблем (один из них был описан здесь: Полупрозрачность в ИЕ6)
Далее еще один распространенный способ уйти от ответа за свое творение: «Вам же надо было чтобы страница тянулась – вот и получайте» — за такое вообще сразу надо убивать увольнять.
Но как оказалось проблема нерадивых вред-мастеров лежит куда глубже, чем просто не желание следовать стандартам. Так было всегда. И это не шутка.
Немного истории:
Когда интернет зарождался и появлялись первые комерческие сайты html был грубым и скучным. Но сухое представление информации не было интересно ни читателю ни тому кто это все творил. В итоге в html стали добавлять «мусорные тэги» только для того чтобы хоть как-то облагородить внешние вид представляемого текста. Т.е html стал использоваться не для разметки документа а для украшения.
На примерах подобных работ училось огромнейшее количество работающих ныне веб-мастеров. Когда я только начинал изучать html, я находил десятки, сотни статей основной мыслю которых было – «под хвост стандарты – главное чтоб работало». И ведь главное же что работало.
Но (а теперь самое главное) основа кросбраузерности – стандарты.
Не надо забывать, что тэг
служит для выделения абзацев, а не для разбиения строк. А тэг
Аминь.
Полупрозрачность в ИЕ6
Работаю над версткой сайта следственного управления Челябинской области…
Одно из условий это верстка должна быть резиновой. Стандартное требование вроде бы… Проблемы начались сразу…
Дело в том что в «шапке» достаточно много (а именно 4) отдельных элементов, которые должны «плавать» относительно фона и друг друга.
Решение только одно – полупрозрачные .png-картинки…
