Верстка в Drupal

особенности верстки в Drupal, css

2 background images css

Всем доброе утро! :) Недавно у меня возникла необходимость в использовании 2х фоновых изображений (2 background images) для тега <body>. Потратив на поиски рабочего решения пол дня - я всетаки нашел его! Итак вот оно:

Как правильно подключать скрипты и css в шаблон

Внимательно рассматривая шаблоны других друпалеров я толкнулся с тем, что многие не умеют правильно подключать скрипты и стили в свой шаблон. В большей половине случаев все подключают их в page.tpl.php строкой типа

Самый удобный для чтения шрифт

Недавно появилась новость о Лаборатории зрительной эргономики, которая провела исследования и выяснила, какой шрифт является наиболее удобным для глаз. Вообще, у меня есть большие сомнения, что исследуемых шрифтов было больше 10 штук, поэтому выражение "наиболее удобный" здесь не уместно, и новость должна была бы звучать так - "наиболее удобный из шрифтов, входящих в виндоуз по дефолту".

Sliding doors technique in Drupal menu

Наверное, вы уже слышали про технику CSS Sliding Doors, в общем, коротко про нее - это использование 1 или 2х изображений для меню, т.е. на одном изображений мы помещаем 2 состояния, при ховере и в нормальном. Ниже будет описан способ применения в теме друпала.

Заголовки h1-h6

Как уже отмечалось ранее, применение заголовков h1-h6 является не только хорошим тоном, но и несёт определённую пользу для SEO, помогает поделить содержимое документа на смысловые составляющие.

Семантика и логичность вёрстки

Как же должна выглядеть правильная семантичная вёрстка? Как употребить контейнеры не нарушая законов логики, не перегружая каркас и не жертвуя дизайном?

Кстати, о дизайне. Довольно часто встречаются ублюдочные конструкции из закиси таблиц, блоков,

, и прочей нечисти с инлайн стилизацией. Естественно, ни о какой логичности и семантичности и речи быть не может.

RSS-материал