Рубрики
Верстальщику

CSS @import vs link

linlvsimpotr
Прежде чем решить, какой метод следует использовать для привязки CSS к вашей веб-странице, нужно понять суть и предназначение каждого метода.

<link> — это базовый, я бы сказал основной, метод подключения CSS к странице. Он позволяет связать веб-страницу и CSS-стили. Вызов добавляется между <head>и</head> вашего HTML документа, например:

<link href="styles.css" type="text/css" />

@import — Импорт позволяет импортировать одну таблицу стилей в другой. Он работает несколько иначе нежели «линк», так как вы можете импортировать таблицы стилей внутрь связанной через «линк» таблицы стилей. Но не желательно включать @import между <head>и</head> вашего HTML документа, например:

<style type="text/css">@import url("styles.css");</style>

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

Рубрики
Joomla

Всплывающие подсказки в Joomla! 1.5 — ответ на вопрос читателя

tooltipЗдравствуйте! Наконец-то в суете послепраздничных дел, мне удалось взяться за написание ответа на вопрос читателя Buzun. Для начала я процитирую сам вопрос:

…есть ли возможность средствами HTML и CSS реализовать tooltips ( всплывающие подсказки ) в Joomla 1.5, но сделать это так что бы tooltips показывались над любой ссылкой (не только в контенте но и модулях и компонентах). В случае если тег титл не указан выводился бы текст ссылки ($text).
Eсли же нет то не могли бы вы разъяснить как подключить сей вариант бесплатного скрипта Mootools, здесь примеры, что я имею ввиду http://demos111.mootools.net/Tips но опять же что бы он действовал на все ссылки joomla.
Еединственный вариант решения, что мне попался на форумах joomla 1.5 вот http://forum.joomla.org/viewtopic.php?f=231&t=185473&p=1254549 (ссылка битая — Hiway), но если честно завис на вопросе внесения изменений в библиотеке \libraries\joomla\html\html.php.
Подытоживая:
1. есть ли возможность сделать tooltips для всех ссылок на странице?
2. возможно ли их реализовать более красивым и полупрозрачными?
P.S. ну и если нет то как прикрутить этот Mootools именно tooltips.

Итак, для начала немного конкретизируем и сократим «предмет исследования». Насколько я понял из вопроса — вас интересует именно фронтенд — то есть то что видит пользователь на вашей странице. Ок, считаем, что определились. Итак, сначала отвечу по поводу вот этой части вопроса «есть ли возможность средствами HTML и CSS реализовать tooltips ( всплывающие подсказки ) в Joomla 1.5» — да есть, и не только в Joomla 1.5, а везде, но не совсем полноценно и не для всех браузеров, если говорить только про HTML и CSS.

Рубрики
Верстальщику

Javascript и XHTML

Когда вы вставляете Javascript между тегами <script> и </script> на веб-страницу, которая имеет DOCTYPE HTML 4.01 Transitional или SCRIPT, то при валидации страницы у вас не должно возникнуть особых проблем. Поскольку в структуре HTML содержание Javascript, обрабатывается валидатором как CDATA (character data), содержание которого фактически игнорируется валидатором. Однако если вы следуете стандартам XHTML при верстке, то валидатор читает код между тегами скрипта как PCDATA (parsed character data), которые он не игнорирует, а начинает обрабатывать. И здесь начинаются чудеса. Вернее не чудеса, а всплывают ошибки валидации.

Есть два способа устранить эту проблему. Самый простой путь, особенно если Javascript содержит много строк, состоит в том, чтобы вынести Javascript за пределы страницы с помощью ссылки на внешний файл.

Однако бывают ситуациикога скриптик совсем небольшой и нет смысла выносить его во внешний файл и делать линк. В итоге, если вам нужно включить небольшой крипт непосредственно в страницу между тэгами <script> и </script>, то вам нужно использовать небольшой «хак» (конечно если вы заинтересованы в валидности вашего документа).

Рубрики
Верстальщику

HTML5 облегчит жизнь веб-разработчикам

HTML 5После нескольких лет, потраченных на то, чтобы убедить разработчиков и поставщиков веб-браузеров переходить на документы на основе XML, Консорциум World Wide Web (W3C) возобновил разработку HTML, анонсировав в середине января первый общедоступный рабочий проект спецификации HTML5.W3C не отказывается от проекта XHTML 2.0, авторы которого стремятся к отточенности и настаивают на корректности. Разработчики же HTML5 избрали более прагматичный подход: выявить проблемы, донимающие программистов сегодня, и попытаться облегчить им жизнь — не меняя ядра протокола. Противники HTML5 говорят, что эта спецификация не является шагом вперед, предпочитая более элегантный дизайн спецификации XHTML2, которая все еще находится в стадии разработки. Они утверждают, что при создании веб-сайтов дизайнеры должны следовать более строгому стандарту. Тем не менее, реальность такова, что для того, чтобы любой веб-стандарт оказался полезным, он должен широко поддерживаться браузерами, а XHTML2 потребует от разработчиков браузеров более радикальных изменений, чем HTML5. Но без поддержки со стороны Microsoft в элегантности XHTML будет мало проку.