Блог Андрія Огороднікова Хто з мечем до нас прийде, від меча й загине.

По-модньому или верстка в HTML5

14.04.2017, 03:21

html5, бложе мой

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<header class="header">
</header>
<nav class="nav"></nav>
<div class="middle">
<div class="pixel"></div>
<div class="container">
<main class="content">
</main>
</div>
<aside class="sidebar">			
</aside>
</div>
<div class="footer-pixel"></div>
<footer class="footer">
</footer>
</div>
</body>
</html>
1) Полностью отказался от ID, с которыми (с весом которых) при стилизации одни проблемы, а толку не так и много.
2) Голые новые теги, во избежание разных косяков, все равно получили классы.
3) Все-таки дистанцировался от неоднозначных тегов <article> и <section>, публикации будут заключены в старые добрые дивы с классами, и не надо мне тут говорить, что это, дескать, немодно. В спецификациях вообще ничего конкретного нет, одни рекомендации. И в каждом случае нужно делать, как удобно тебе, а не дяде из Пиндостана.
4) Два костылика из предыдущих тезисов. Это позволило полностью отказаться от картиночного оформления разницы между контентом и сайдбаром, пусть даже и в svg. Я полагаю, что это удачное решение, два абсолютно позиционированных дива в качестве бордеров позволили сохранить внешний вид блога до мелочей и сделать сайдбар независимым от размеров контейнера, что очень пригодится для адаптивной части дизайна.

Работы над «новой» шкурой блога гораздо больше, чем над шкурой для зимнего архивного. На блоге внедрено очень много разных приблуд, которые нужно согласовать. Однако я уже доволен, что удалось, наконец, спустя многие годы, отступить от старой разметки, сохранив всё, что радует глаз.

01.11.16, 15:52 ⁞ Дизайн, Интернет, Личное, Разработка ⁞ , , , ,

Несколько однотемных публикаций: