Решил номинироватся на «Интернет-фестиваль национального домена .uz 2009» на номинацию «Лучшая персональная страница» и специальную номинацию «Открытие года».

Заявка пока еще не принята (не прошла модерацию). Не знаю уж, кому понравится мой сайтик, но буду надеяться, надежда как говорится — умирает последней. Очень хочется победить, старался все таки. Несколько друзей уже пообещали, что проголосуют за меня (и только за меня), так как им очень понравился дизайн моего сайта, а особенно логотип. Хотя есть люди кому лого ужасно не понравилось. Ну чтож, сколько людей, столько и мнений.

Кстати мой любимый Preloaders.net, ой извините Preoaders.uz тоже номинирован. Уверен, что победим.

Среди верстальщиков принято ругать дримвак. Верстка на дримваке — признак ламерства. В этой статьей, я хочу рассказать почему эти утверждения не верны. Сравнивать буду с не менее популярными Notepad ++ и Microsoft Notepad.

Самые частые заблуждения

Начнем с того, что все ненавидят «Design view» и в этом очень правы, он действительно ужасен. Но не нужно его недооценивать. К примеру у вас есть огромная страница с сотней блоков. К каждому из них применены разные классы или идентификаторы. Наизусть запомнить все конечно же не получится. Чтобы найти нужный блок в коде, вам всего лишь нужно тыкнуть по нему в Design view и ползунок сразу же прокрутится в нужное место. Так же для поиска очень удобно использовать Firebug.

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

Как от этого избавится? Просто не использовать функцию дримвака менять цвет, шрифт и другие параметры при помощи панели Properties. Эта панель служит только для просмотра стилей примененных к тэгу. Это меняет еще один минус дримвака в плюс.

Работа со стилями

Тут важна последовательность. Если вы умеете верстать в слепую, то есть сначала полностью создать HTML, с примененными классами, а потом уже создавать CSS файл, то дримвак просто создан для вас.

и так чтобы создать класс в файле CSS, нужно просто выделить тэг и нажать на панели CSS во вкладке CSS Styles кнопку New CSS Rule . После чего открывается соответствующее окно в котором уже прописан класс со всеми предками, что конечно же очень удобно.

Так же как и с design view, можно с легкостью найти нужный класс в CSS просто кликнув по его названию в панели CSS.

Еще несколько плюсов

При выделении любого элемента в коде, ниже показываются все его предки, кликнув по которым, они выделяются в коде.

Если присваивать к элементу класс, то дримвак предлагает выбрать из уже существующих.

Запомнить все символы вряд ли кому то удастся, но стоит вам написать & и дримвак предствит вам список всех символов.

Еще одна не мало важная функция Find and replace. Если вам нужно заменить часть кода в большом количестве страниц, то вам сего лишь нужно указать директорию с файлами которые вы хотите изменить и  участок кода который нужно поменять на нужный.

Минусы

Одним из минусов можно считать долгую загрузку, но если вы работаете не прерывно, то получается, что запускать дримвак нужно всего один раз в день. Думаю, что можно пожертвовать этими секундами, чтобы сократить время верстки в целом.

Самый главный минус дримвака — это его цена.

В этой статье я хочу рассказать как сделать по всем параметрам правильную навигацию в WordPress.
Такую правильную навигацию вы видите в моем блоге. Для навигации в WordPress есть wp-list-pages и начиная с версии 2.7 wp_page_menu. Мы будем использовать второе, так как в wp-list-pages нельзя вывести главную страницу и назвать ее по своему усмотрению.

Задача

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

Решение

Как я уже писал, мы будем использовать wp_page_menu. Первым делом выведем гланую страницу, назовем ее «Блог» и добавим нужные страницы, в моем блоге это страницы «Портфолио» и «Я». Для этого создадим массив <?php wp_page_menu( array( 'show_home' => 'Блог', 'include' => '3,24' ) ); ?>. Первая часть выводит в начале главную страницу и называет ее «Блог», вторая часть выводит две страницы с ID 3 и 24. ID страниц вы можете узнать посмотрев в коде самой страницы. К сожалению WordPress присваивает ID для страниц автоматически и это не очень удобно при переезде блога, так как вам придется всегда менять ID вручную, но более удобного способа пока не существует.
Далее убираем у ссылок параметр title. Для этого используем плагин Remove Alt Tags from wp_list_categories and wp_list_pages.
Осталось только убрать ссылки для активных ссылок. Для этого используем плагин Remove Link to Current Page, но немного его меняем. Плагин по умолчанию удаляет ссылку у списка страниц, поэтому меняем wp_list_pages на wp_page_menu и радуемся жизни. Наша супер правильная навигация готова.

Наконец-то я сделал свой сайт, шел к этому 8 лет. По поводу дизайна уже услышал много замечаний типа «А где тут дизайн? А где фон? А где красивые картинки? Ты же дизайнер, ты же можешь сделать красивый сайт». Но я думаю многие согласятся с тем, что дизайнер лучше знает, что нужно пользователю. Я считаю этот дизайн одним из лучших своих работ. Если вы хотите сделать замечание, то я это только приветствую. Адекватная критика еще никому не мешала.

Кстати сайт ужасно смотрится в IE6. Я верстал его только под «правильные браузеры». Это мой такой маленький вклад в уничтожение IE6. Поверьте, верстать под него я умею (см. портфолио).

В блог я собираюсь писать уроки, статьи о дизайне, интересных сайтах и просто о себе.

P.S. В моем блоге вы никогда не увидите копипаста. Все, что я пишу уникально и неоткуда не скопировано.