Ещё один простой блог в интернете, одного из жителей Сызрани, который считает себя дизайнером, WEB-мастером и фотографом-любителем

просто блог

QR CODE для записиQR CODE для записи “Обновленный дизайн”

Обновленный дизайн

Так как статья получилась очень длинная и на несколько разных тем, то разумным было разделить, что я и сделал.

Ну а теперь обо всём подробнее.

Особенность дизайна

Как я уже упоминал — это 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) Короткой строкой

Лето пришло давно, а вот жара не спешила приближаться. Но всё же она пришла.
Пока набирал этот пост — заляпал весь монитор трупами мошек. Вчера даже такого не было, а сегодня просто ужас сколько их. Одну даже, блядь, только что проглотил.

  1. Чёнки # link

    Для сайтбара в HTML5 тэги есть:

    <aside>
    боковая колонка
    </aside>

    Пользуйтесь!

  2. BaNru # link

    Да, уже знаем. Это было больше полугода назад, с тех пор много нового появилось и узнал.

    И, так к сведению, оно не только для сайдбаров, но и для всех остальных элементов, типа слайдера. Для второстепенных элементов.

    Но всё равно спасибо!

Оставить комментарий

В блоге включена ручная модерация комментариев. Нет смысла повторно отправлять комментарий.
Поля отмеченный звездочкой * обязательны к заполнению

Перед отправкой формы: