При верстке нового сайта я руководствуюсь принципом – каждому девайсу свой вариант отображения странички. Имея один html-код мы можем совершенно по разному представить страницу на различныйх устройствах. В различных учебниках традиционно перечисляют типы устройств:

• all – Все типы. Это значение используется по умолчанию.
• aural – Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
• braille – Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
• handheld – Наладонные компьютеры и аналогичные им аппараты.
• print – Печатающие устройства вроде принтера.
• projection – Проектор.
• screen – Экран монитора.
• tv – Телевизор.

Обычно верстка очередного макета ограничивается записью:

1

<link rel="stylesheet" type="text/css" media="all" href="style.css" />

где media=«all» – это указание для всех девайсов использовать стить style.css. Немного реже можно увидеть где media=«print» для принтеров. Но мало кто из верстальщиков знают (или используют) всю мощь @media. Попробую на примерах показать некоторые «фишки».

Сегодняшний день, 9 апреля 2010 года, известен многим web-разработчикам как CSS Naked Day. В этот день принято отключать CSS в своих сайтах, чтобы показать, насколько он важен. Вот и у меня сегодня не будет никакого лоска, наслаждайтесь HTML-версией сайта

В некоторых последних проектах я использовал закругленные уголки у блоков без использования изображений, но с использованием jQuery
Подробнее Вы можете ознакомиться непосредственно на страничке с закруглёнными уголками

Я уже довольно-таки давно верстаю в Notepad++, пробовал и другие редакторы – не срослось. Основная причина, по которой мне нравился раньше этот редактор – подсветка кода. Видел. что есть много каких-то настроек, но небыло необходимости в них разбираться – ведь и так всё работает прекрасно.

Ситуация изменилась, когда объем работы вырос, и я физически не успевал верстать то, что вроде как должен успевать. Конечно, есть свои html и css заготовки, но копипастить их – сомнительный выигрыш во времени. Работа по FTP через Total Commander тоже не очень то удобна – много лишних телодвижений.

И вот я решил потратить время на настройку своего любимого Notepad++, слышал где-то что гибко он настраивается

(Описание скорее для тех разработчиков, которые не в курсе всех прелестей Notepad++, знающие могут дальше не читать).

Для начинающего верстальщика всегда стоит наиважнейшая задача – впитать в себя как можно больше информации, не нахватавшись при этом «воды». Очень помогают в этом блоги и специализированные сайты, но не всегда постер описывает всё подробно, не разжовывает для новичка. Поэтому в начале советую почитать простые бумажные такие книжки, они еще продаются

Я тут прошелся по онлайн-прилавкам, кое что посоветовали коллеги, что-то прочел сам лично. Вот решил выложить небольшой список литературы для верстальщика, которая, как я считаю, помогут новичку в освоении языка разметки HTML и каскадных таблиц CSS.

Обманывать не хорошо, так в детстве мама говорила, но иногда без этого никак… В web-верстке тоже самое – нужен хак, и заказчик требует валидность, а еще и в портфолио потом работу выкладывать. Вот и приходится хитрить, хотя, по сути, верстка страничка всё равно невалидна, просто обманутый валидатор этого не замечает (да и не хочет он это замечать). Как бы не вопили противники хаков, от этого никуда не уйти.

Постараюсь максимально выложить всё что знаю по этой теме, а что сразу не вспомню (или пока не знаю) буду со временем дописывать…