{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Переверстал, заметки с тегом: мэилру", "home_page_url": "https:\/\/pereverstal.by\/tags\/meilru\/", "feed_url": "https:\/\/pereverstal.by\/tags\/meilru\/json\/", "icon": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg", "author": { "name": "Автор блога", "url": "https:\/\/pereverstal.by\/", "avatar": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg" }, "items": [ { "id": "65", "url": "https:\/\/pereverstal.by\/all\/mail-ru-2\/", "title": "Mail.ru", "content_html": "

Привет! Так получилось, что у меня есть ящик на мэил ру. Туда время от
\nвремени скидываются письма по работе, от заказчиков, с которыми
\nя уже давно сотрудничаю. Иногда я использую ящик, для того, чтобы
\nпосле регистрации на сайте, принять письмо с ссылкой на подтверждение
\nрегистрации.<\/p>\n

Но при всем при этом я терпеть не могу этот сайт. Полная каша на главной,
\nпричем по-большей части из какого-то мусора в виде банеров сраных игр
\nили превьюх моего мира. А если ты на секунду потеряешь бдительность,
\nто лови какой-нибудь браузер Амиго или Агент мэилру (без антивируса никуда).
\nМожете себе представить, чтобы Яндекс или Гугл стойко ассоциировались
\nбы с навязчивой рекламой и вирусами?<\/p>\n

Короче, час настал. Сегодня я переверстаю главную страницу мэилру.
\nСразу оговорюсь, что я ни разу не веб-дизайнер и мне, чуть что,
\nабсолютно насрать на то, если вдруг банер со сраными играми станет
\nне там, где это нужно маркетологу или случайно исчезнет то, что приносит
\nкомпании дикую прибыль. Я буду делать страницу для себя, т. е. такой,
\nкакой бы я хотел ее видеть, изредка посещая этот сайт.<\/p>\n

Поехали. Вот главная страница.<\/p>\n

\n\"\"\n<\/div>\n

Для начала давайте назовем основные проблемы.<\/p>\n

\n\"\"\n<\/div>\n

1) Вот эти два тяжелых пятна, которые перетягивают на себя внимание
\nи перегружают страницу.<\/p>\n

\n\"\"\n<\/div>\n

2) ICQ и Одноклассники. На главной странице мэилру. Нахера они мне нужны?
\nСкорее «Мой Мир» открою, чтобы вспомнить, как выглядят фотки, сделанные
\nна цифромыльницу, чем перейду по этим ссылкам. Кстати ссылки в вебе должны
\nбыть подчеркнуты как завещал самизнаетекто.<\/p>\n

\n\"\"\n<\/div>\n

3) Это тоже ссылка, причем нахер никому не упавшая. Вводишь в строке поиска
\nнужный запрос, потом можешь нажать «Поиск в интернете», а можешь как
\nобычно желтую кнопку «Найти» — результат будет один и тот же.<\/p>\n

\n\"\"\n<\/div>\n

4) Мед, говно и гвозди. Во-первых, размещать гороскопы у себя на сайте
\nэто давно уже моветон. Во-вторых — где подзаголовок «Курсы валют»?
\nИ в третьих — тут нарушено правило внутреннего и внешнего,
\nт. е. ТВ программа стоит слишком близко к погоде, работа к курсам валют,
\nпочта для бизнеса к гороскопам (которые я с превеликим удовольствием удалю).<\/p>\n

\n\"\"\n<\/div>\n

5) Фотка мультиварки вот-вот совершит побег<\/p>\n

Итак, проблемы обозначили, берусь за переверстку. В первую очередь
\nопределяюсь с сеткой. В данном примере у нас сетка из 16-ти колонок.<\/p>\n

\n\"\"\n<\/div>\n

Удаляю одноклассников, АйСцыкЮ и конечно же сраный гороскоп<\/p>\n

\n\"\"\n<\/div>\n

Удаляю «Поиск в интернете». Делаю по-больше разделы поиска.<\/p>\n

\n\"\"\n<\/div>\n

Группирую оставшуюся информацию. Погода, курсы валют и т. д. налево...<\/p>\n

\n\"\"\n<\/div>\n

.., а товары и услуги направо<\/p>\n

\n\"\"\n<\/div>\n

Укорачиваю раздел новостей и увеличиваю его. Раздел «Мой Мир» увеличиваю
\nна три фотки и ставлю в подвал, вместе с баннером про игры (предварительно
\nсделав его меньше).<\/p>\n

\n\"\"\n<\/div>\n

Чтобы фотки банера и Моего Мира не были такими визуально тяжелыми,
\nделаю их менее насыщенными. При наведении мышью, фотка обретает
\nсвою родную насыщенность.<\/p>\n

\n\"\"\n<\/div>\n

Смотрим как теперь выглядит страница. Все стало гораздо аккуратнее и понятнее.
\nСсылки подчеркнуты, инфа сгруппирована, группы разделены между собой.
\nПоявилось больше воздуха.<\/p>\n

\n\"\"\n<\/div>\n

Можно еще переделать раздел с новостями.
\nНо, не принципиально.<\/p>\n

\n\"\"\n<\/div>\n

Спасибо за внимание!<\/p>\n", "date_published": "2018-11-24T18:22:32+03:00", "date_modified": "2018-11-09T00:02:35+03:00", "image": "https:\/\/pereverstal.by\/pictures\/120362_900.jpg", "_date_published_rfc2822": "Sat, 24 Nov 2018 18:22:32 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "65", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/pereverstal.by\/pictures\/120362_900.jpg", "https:\/\/pereverstal.by\/pictures\/120971_900.jpg", "https:\/\/pereverstal.by\/pictures\/121450_900.jpg", "https:\/\/pereverstal.by\/pictures\/121757_900.jpg", "https:\/\/pereverstal.by\/pictures\/121901_900.jpg", "https:\/\/pereverstal.by\/pictures\/122302_900.jpg", "https:\/\/pereverstal.by\/pictures\/122587_900.jpg", "https:\/\/pereverstal.by\/pictures\/124099_900.jpg", "https:\/\/pereverstal.by\/pictures\/124524_900.jpg", "https:\/\/pereverstal.by\/pictures\/122906_900.jpg", "https:\/\/pereverstal.by\/pictures\/123368_900.jpg", "https:\/\/pereverstal.by\/pictures\/124348_900.jpg", "https:\/\/pereverstal.by\/pictures\/125656_900.jpg", "https:\/\/pereverstal.by\/pictures\/125113_900.jpg", "https:\/\/pereverstal.by\/pictures\/126022_900.jpg" ] } } ], "_e2_version": 3254, "_e2_ua_string": "E2 (v3254; Aegea)" }