Обновленный дизайн
- Ну вот, вроде закончил обновление дизайн:
- Теперь он полностью на HTML5 и CSS3. Преимущества которые я ощутил будут описаны чуть ниже.
- Добавлено несколько приятных, по крайней мере для меня, фишек.
(отделено в статью wp_get_recent_posts() и создание колонки «Готовятся к публикации») - Так же сделаны несколько фиксов WP под спецификации HTML5
(отделено в статью Укрощение WordPress под спецификации HTML5
Так как статья получилась очень длинная и на несколько разных тем, то разумным было разделить, что я и сделал.
Ну а теперь обо всём подробнее.
Особенность дизайна
Как я уже упоминал — это HTML5 и CSS3, а так же созданы стили для печати и наладонников.
Сайт резиновый, но не полностью. Весь построен на min-width и max-width. Что б понять что и как — поиграйтесь с размерами браузера.
Из картинок — только три иконки: домик, rss-пломбир, и собачка — местная ищейка по сайту. Да и то, домик и пломбир поставил в последний момент, что б разгрузить атмосферу…ну домик ешё и для того, что бы при маленьких разрешениях меню влезало полностью на экран.
Надеюсь у всех пользователей (кроме ословодов) сайт будет отображаться правильно и будет удобен в использование.
HTML5 и CSS3 — приятное с полезным
Я не буду разводить демагогию, и страдать графоманством на эту тему. HTML5 и CSS3 ещё молоды и активно развиваются, а если точнее, то спецификации для них ещё до конца не написаны, так что я ещё успею написать о них более подробно в следующих темах, если конечно мне не будет лень.
Ну и так, какие же я ощутил преимущества?
Достаточно компактный получается код
Новые теги в HTML: header, footer, section, article, nav, time — это не полный список, а только те, которые я использовал в шаблоне. Все они позволяют избавиться как минимум от ID. А так же приятно смотрится, когда все логически разделено (семантика кода). Вот ещё бы для сайдбара такое ввели. А может и ввели, но я про него не знаю. А самая приятная вещь во всём этом — это более грамотная индексация поисковиками!
CSS так же компактнее благодаря псевдоклассам и составным селекторам (комбинаторам).
Кроссбраузерность
Во время вёрстки я проверял процесс только лишь в FF5, но потом я сильно удивился, когда посмотрел на сайт в Opere и Chrome — дизайн был во всех браузерах идентичный. Можете сами в этом убедится. Конечно в Осле6 выглядит не совсем так, но очень даже терпимо. Надо лишь пофиксить меню и формы.
(PS) Короткой строкой
Лето пришло давно, а вот жара не спешила приближаться. Но всё же она пришла.
Пока набирал этот пост — заляпал весь монитор трупами мошек. Вчера даже такого не было, а сегодня просто ужас сколько их. Одну даже, блядь, только что проглотил.
Для сайтбара в HTML5 тэги есть:
Пользуйтесь!
Да, уже знаем. Это было больше полугода назад, с тех пор много нового появилось и узнал.
И, так к сведению, оно не только для сайдбаров, но и для всех остальных элементов, типа слайдера. Для второстепенных элементов.
Но всё равно спасибо!