October 26th, 2016

адаптивный дизайн

это перепост заметки, оригинал находится на моем сайте: http://lleo.me/dnevnik/2016/10/26.html

Из меня конечно дизайнер на три с минусом, а вы мне не помогаете. Но я сегодня наконец почитал, что такое адаптивный дизайн. И что такое разметка для роботов <aside> <nav> <header> <article> <section> и <footer>. И там все оказалось очень просто. Потому что когда смотришь чей-то дизайн, там двести скриптов, триста файлов CSS, и вообще говна на гигабайт. И понятно, что авторы не сами CSS писали, а им какая-то дизайнерская софтина напрудила говна вагон. У меня в итоге весь адаптивный шаблон (CSS я прямо в HTML запихнул, он совсем короткий) вышел 11 кб, всё как мы любим: /dnevnik/template/blog.html Я пока запилил там только одну медию: @media screen and (max-width: 900px), думаю это вполне нормально: всем мобильным и убогим, у кого экран меньше 900 (можете попробовать, сжав окно браузера), надо показывать облегченный дизайн без левой колонки. Вообще, конечно, хочется красивые шрифты, правильные цвета и больше воздуха. Но чтобы остался полный минимализм и старый стиль. И что-нибудь с этими уродливыми красными нитками сделать, убрать их что ли? В общем, если будут советы — спасибо. А пока вроде нормально стало, да? С мобильников уже можно читать дневник без проблем?
Collapse )