Еще одна версия популярной темы – как красиво отобразить статичные блоки на странице. Как видно, более ни до чего толкового кроме закругленных углов и теней пытливое человечество не додумалось, но зато вариантов – масса. Вот и еще один – без немилых моему сердцу (и валидаторов тож) пустых псевдоэлементов <b>. От предыдущих версий отличается несколькими фоновыми картинками (встречались умельцы, использующие всего одну) и педантичным подходом к структуре – все чин по чину: заголовок, контент, подвал, каждому – свой <div>, может избыточно, но логично, легко верстать и переверстывать. В общем, на любителя...
Ну просто библия позиционирования на одной странице, статья посвящена естественно слоям и их взаимному позиционированию. Для каждого способа в таблице есть данные по совместимостью с моделями браузеров (Opera 5 и IE 5.0.1 в списке присутствуют) – все очень основательно и академично.
Contents – без перевода все понятно:
Забираем версию для печати
В ноябре прошлого года я писал о легком и красивом способе облагораживания углов в слоях. Товарищи, автор за это время улучшил, углубил и усилил возможности своего метода и теперь он позволяет:
Мне понравилось, это то, о чем так долго говорили вебмастера – вставляется легко, настраивается без проблем, все в закладки, товарищи!
upd: теперь для владеющих итальянским – полный вариант статьи
То есть, вкусные скрипты «на ровном месте» предлагает нам SitePoint.com. Опять же маститым гуру от Java Script вряд ли покажется особо ценным, а для начинающих, да и не очень разработчиков – это из серии «вырежь и сохрани», то есть вырезать не удастся, а вот сохранить весьма рекомендую. Собственно, это просто реферат удачных и удобных решений, в последнее время публиковавшихся на сайте, tips&tricks так сказать.
Забираем printable version
- довольно удобное решение для больших текстов, рекламных проспектов, справочной документации – пользователь не пугается, видя стремительно уменьшающуюся полоску вертикального скролл-бара при загрузке.
Я пришел к такому выводу, потестировав скрипт с сайта Андрея Баранова XHTML+CSS+DOM слайд-шоу 2 и JavaScript tabifier разработанный в BarelyFitz Designs. Правда последнее решение мне понравилось несколько меньше – я не отношусь к любителям хак-подхода к DOM-у, и засовывать целые параграфы текста и кода в элементы списка мне не по душе. Опять же, этот подход заведомо усложняет логическую структуру документа.
Поигравшись, мне стало интересно – поскольку весь код, выводимый скриптом, находится на одной странице, то и индексироваться поисковиком будет как один документ. Да, но куда приведет пользователя ссылка из результатов поиска? Для эксперимента, я скопировал в буфер несколько слов текста с первого слайда, перелистал и нажал Ctrl+F. В документе Баранова эта процедура привела к перемещению фокуса на <div class="slide"> – основной слой в котором хранится материал слайдов, естественно – поиск обнаружил текст, но нужная страница не открылась. Скрипт разработчиков BarelyFitz вообще игнорировал мои поиски, пока я не перелистал слайд до нужной части документа, после чего также уверенно подсветил найденное.
В общем, пока по поисковой юзабилити – «3 с минусом» и "2" соответственно. Для представительства и обольщения сгодится, для размещения важных материалов я бы использовать не стал – а вот для многостраничных анкет и опросов – в самый раз.
Ajax