CSS=~- HTML=~- Web=~-
В комментариях к предыдущей заметке было высказано мнение, что для основных блоков шаблона страницы удобнее всего использовать (описательные) имена, описывающие расположение этих блоков на странице: header, middle, wrap, content, left, right, footer.
Раньше был бы одназначно против Далее »
Собранные Энди Кларком имена классов для обозначения элементов шаблона страницы. С сайтов известных блогеров веб-разработчиков. Чисто “любопытно посмотреть”.
В дополнение к “5-ти советам верстальщику” (совет № 4) и обсуждению, развернувшемуся в комментах.
Меня в последнее время мучает одно противоречие. Как получается, что люди, которые ратуют за попиксельное соответствие страницы между браузерами, одновременно являются приверженцами резиновых макетов? Ведь резина исключает попиксельное соответствие страницы с самой собой внутри одного браузера на одном и том же устройстве :) Изменил размер окна — и пиксели уже “другие”, в других местах :)) Композиция меняется, пропорции, характеристики текста и графики — всё меняется. Как такое возможно? Я чего-то не понимаю или эти люди руководствуются всего лишь стереотипами?
Велик и могуч язык CSS. И другие языки — тоже :))
Почитайте про глюк отображения свойства “text-transform” в разных браузерах.
То, что я думаю, написал там, в комментах.
Рекомендую обратить внимание на новинку в области HTML-CSS-шаблонов: “Техника Gordi” как ее сам автор называет.
Самое интересное в этом шаблоне для меня:
Последнее — задача, так и не нашедшая приличного решения у западных товарищей. Мы, похоже, решили ее. Я, надеюсь, имю право говорить “мы” :) (Вы поймете почему, прочитав статью с разъяснениями.)
Там нет кода готового к немедленному употреблению, как мне кажется. Это значит, что для практического использования шаблоны можно и нужно дорабатывать под свои нужды: дополнительная разметка, хаки, приемы по вкусу. По-моему, это хорошо. Начинающим будет непросто, но для опытных — чем заготовка дальше от конечного продукта, тем больше свободы.
Помимо всего прочего, это означает, что с представленным кодом нужно обращаться осторожно: тестируйте тщательней.
Спасибо Gordi за проделанный немалый труд!
В заметке “8 Essential Markups for Good SEO” попался забавный совет по поисковой оптимизации. Совет номер семь:
Используйте ключевые слова в своем CSS-файле. Хотите верьте, хотите – нет, но это может улучшить ранжирование. Использование CSS-файла с именем webdesignchicago.css скорее повлияет на рейтинг, чем файл с именем styles.css
Не знаю верить или нет?
Читал тут очередные жалобы на тупость социальных сервисов, очередного веб-разработчика. Имеющего, что немаловажно, блог на самописном движке. То есть: профи. Не понимает профи, что разным людям нужен разный веб.
Социальные сервисы хороши тем, что вытащили в сеть множество людей, которые, в противном случае, ни за что и никогда не создали бы свое интернет-представительство. Потому что сайт или даже ЖЖ для них – это через чур сложно, дорого и ненужно. Overload.
К тому же, пользователи сетей – потенциальная аудитория. Специфическая, да. Но ее можно окучивать. Профессиональные разработчики должны смотреть на эти сервисы совсем не так, как обычные пользователи.
А ругаться на тупость сервисов, все равно что сетовать на недостаточный интеллектуальный уровень телевидения по сравнению с книгами классической русской литературы, например.
Никита Селецкий передал мне эстафету советов по вёрстке. Требуется дать 5 советов верстальщику по теме html-css. Идея мне нравится. Спасибо, Никита!
Проверяйте качество верстки простым отключением CSS. Страница должна выглядеть простой, логичной и аккуратной. На ней не должно быть видно элементов оформления, но контент и навигация должны оставаться доступными, легко находиться и читаться.
Главная причина перехода с Windows на Mac называется Vista.
Главная причина, почему не на Linux, называется Adobe CS.
Или мне только кажется?
Иногда я пытаюсь научить того или иного человека языку HTML. Не подготовить профессионала, а сообщить базовые понятия, которые никому не повредят.
Нужно объяснить, что делают что такое теги, и какие они бывают: закрывающие, открывающие, одиночные. Объяснить как теги образую элемент. Показать несколько элементов.
Самые необходимые элементы — это не доктайп, а A (anchor), и IMG (image). Даже тот кто не станет продолжать обучение дальше, сможет использовать эти теги в обыденной интернет-жизни.
По стандарту, доктайп — единственный обязательный. Но кому нужен такой документ? И зачем непрофессионалу это знать? Ему бы ссылку поставить, да картинку поместить…
Ну, а далее идут P, H1-H6, UL, OL, TABLE, BR. С таким багажом человек уже может работать контент-менеджером :)