Посмотрите, что мы сделали с Лайфхакером
Привет! Над тем, как выглядит Лайфхакер с сегодняшнего дня, мы работали очень долго, очень кропотливо, очень вдумчиво. Мы постарались взять все лучшее, что мы уже успели придумать и сделать, и добавить к этому самое главное, чему мы научились за 1,5 года, прошедшие с прошлого редизайна.
Ниже я просто приведу список из трёх главных нововведений:
- Адаптивный дизайн: теперь вы сможете получать максимум удовольствия от чтения Лайфхакера на всех категориях устройств. Пользователи iPad и мобильных телефонов с разнообразными разрешениями экрана на ОС Android будут особенно довольны. Хотите посмотреть, как это работает прямо на десктопе? Просто подвигайте размер окна браузера туда-сюда и посмотрите, как ведет себя сайт.
- Ярче, чище, минималистичней. Мы постарались убрать все лишнее и сделать процесс чтения максимально приятным.
- Быстрее. Мы провели множество оптимизаций и добились бОльшей скорости работы сайта. И будем продолжать работать над этим ;)
Конечно, мы не остановимся на этом: список улучшений у нас еще большой. На следующие лет 5 хватит точно ;) Ну а пока — добро пожаловать на новый Лайфхакер!
Комментарии
если бы не новость, я бы и не заметил :)
Это значит, что всё получилось даже лучше, чем мы ожидали.
Тогда исправьте
menu-triangle-right {
border-right: 16px solid white;
}
А то раздражает полоска справа - https://yadi.sk/i/IN7C8g5UcRuVJ
это что за браузер у вас?
А вы каким пользуетесь?
В IE 11 - ниже я даже не захотел смотреть
В блоке "Получи подарок' кнопка "Да" вылезла из блока
Google Chrome Версия 38.0.2125.111 m
Firefox 32.0.3
В двух последних браузерах есть красная полоска.
А вы разве не видите, что в этом коде что-то странное:
.menu-triangle-right {
border-top: 32px solid transparent;
border-right: 15px solid white;
border-bottom: 32px solid transparent;
}
и так понятно, что должно быть 16, а не 15.
А еще стрелка с классом widget-week-views-arrow вылезла вверх.
Да, еще над скоростью работы сайта нужно работать, хотя меня скорость устраивает. Может попробуете использовать атрибут defer для скриптов.
Я люблю ваш сайт, поэтому и пишу вам замечания, так как мне будет приятно заходить на сайт в котором не будет таких мелких и раздражающих косяков.
Не-не, я без наезда :) Исправим.
Посмотрите сейчас.
да, теперь круто.
Почему ссылки в меню не подсвечиваются? Да и подчёркивать ссылки является хорошим тоном (это я про блок рекомендуем и лучшее за неделю).
Аватар автора не отображается.
Аватар отображается. Ссылки в указанных блоках подчеркиваются при наведении. Ссылки в меню еще будут меняться.
Ничего хорошего,раньше было лучше!
Спасибо!
хотел было похвалить, но еле попал по кнопке авторизации, мелковаты (4.3").
а вообще выглядит весьма недурно, мне нравится.
Увеличим под палец вам.
зачем вы хамите вашим же читателям?
Почему хамим? Правда увеличим.
горизонтальное меню было бы хорошо сделать потоньше, иначе места для контента слишком мало (http://joxi.ru/48AnoEgHqEgxrO).
смело скрольте!
Спасибо за то, что подбодрили меня в моей нерешительности!
Могу лишь констатировать, ресурс стал менее удобен для чтения.
Как вариант – буду просматривать "LH" через агрегатор, а на сайт постараюсь заходить реже на любом из устройств.
О, а покажите, какой агрегатор предпочитаете?
Старенького Feedly использую.
Кстати, по удобству чтения Хабрахабр однозначно делает LH. Учитесь у "H" )))
У них свой контент — у нас свой.
посмотрите сейчас.
Щикааарно! )
...а можно еще точки на 3 сверху/снизу поджать? (:sly:)
Поджали.
ох, обманываете, Алексей! )
было 52px, осталось 52px, хотя да, рекомендации Владислава реализовали.
судя по всему на большом мониторе отсматриваете, что в принципе приятно, но для восприятия на маленьких разрешениях губительно (сам этим страдаю). )))
Отнюдь. Покажите, где у вас 52 пикселя.
http://joxi.ru/wGrqXj0SN0jZAz
а, ну мы в другом месте убрали, конечно. Тут уж извините, наш дизайнер возражает.
о-кей... (
впрочем, все равно молодцы )))
И да, сообщите ваше разрешение экрана.
Клёво!
!!! :)
Невозможно авторизоваться в комментариях в Firefox (правда это уже давно так и на всех сайтах, которые используют эту недосистему комментирования).
А что есть «досистема» комментирования?
Доработай таблицу стилей пожалуйста, очень большие отступы в районе логотипа и поиска в header, между меню и заголовком статьи и изображением материала и т.д.
В ином случае пространства для чтения очень мало,
Вот немного пошаманил, одно и тоже пространство до и после: http://piccy.info/view3/7213939/4aaf8d48fe52dbab8509d766bbf49d05/
И еще, непонятно зачем материалы ПОД комментариями.
Пошаманили и мы.
еще тут поменяй, если не сложно. Там 30px стояло, явно перебор.
http://piccy.info/view3/7214270/a2a518d3e9f962428fa063d1f3aeec15/
Мне нравится, спасибо! Приятно вас читать!
Верстка в пунктах из статьи бажит - некоторые концы строк не видны.
Да и новый минималистичный дизайн мне совсем не нравится.
Проиллюстрируйте, пожалуйста, невидимые концы.
http://rghost.ru/58832569/image.png
Круто! А можно попросить заскринить все окно браузера?
http://rghost.ru/58832613/image.png
Узнал о существовании браузера Pale Moon, спасибо. Попробуем починить...
Забавно, потому что о существовании браузера Pale Moon я узнал из ЛХ:)
читайте другие сайты.
Вы ж все равно по ней не кликаете, хоть скролится она у вас, хоть не скролится.
По рекламе в правом блоке практически никто и никогда не кликает
Галя, перелогинься
На странице три блока социальных кнопок. Так и должно быть?
Да.
Во втором блоке кнопки плоские, в третьем - выпуклые.
Так и задумано :)
Работать еще и работать :)
По тематике - ее нет.
Вот у вас новость про Лайфхакер и дизайн, так и сделали бы сразу подбородку с боку.
Внизу под комментами, не знаю.. спорное решение, но можно попробовать, но опять же - следуйте тематике, а не просто набор постов.
Почему блок рекомендаций находится перед комментариями?
Неудачное решение, отделяет статью от комментов.
Слишком много социальных кнопок, аж три ряда, зачем?
В целом страница выглядит слишком хаотично, нет единства, и стримлайна тоже нет.
Надо ведь взять читателя и нежно пронести его через статью, общение, рекомендации...
Секция "Лучшее" не самая лучшая на странице, простите за каламбур.
Ее взгляд вообще пропускает, как буду-то это статистика какая.
С ней надо поработать.
Ну вот, в крадце...
«в крадце» отделить статью от комментов лично нам кажется прекрасным решением. Над остальным мы подумаем.
>отделить статью от комментов лично нам кажется прекрасным решением.
Обоснуйте. Все ведь надо обосновывать, не так ли ;)
И еще, у вас очень не рационально используется место самой статьи.
Из-за аватары и инфы писателя вы теряете около 15% места по ширине.
Я не против пустого места и считаю его много не бывает.
Но рациональность его использования важна.
Мы, в общем-то, не должны вам ничего обосновывать, но всё же: юзабилисты сходятся во мнении, что для комфортного восприятия информации длина строки должна составлять не более 75 символов. Распахав все пространство кроме сайдбара под текст, мы бы убили его читаемость.
По мне так аватара сбоку в миллион раз лучше того, что было прежде.
А пункт меню "Гад же ты" переименовать так и не решились :)
У нас идут мощные споры ежедневно. Фракция «Гаджеты» пока побеждает.
Еще похоже неправильно работает время, когда был написан комментарий. Вот этот комментарий https://lifehacker.ru/lifehacker-v3/#hcm=1414859513150799 у меня первый, который не был написан "только что", отображается, что он был написан 5 минут назад.
Шрифт стал просто отвратительным. Контрастности нет, тусклый, линии почти не видны (24" fullhd монитор)
у меня ретина мотор и все хорошо. может дело в вашем браузере? какой он?
И что ретина? Проверил в четырех браузерах, более менее только в IE, у вас это основная аудитория чтоли?!
Хуже всего в лисе, хром и старая опера примерно одинаково.
Черные буквы на белом фоне, что может быть контрастнее?
Хочу старую версию сайта(((((((
ни за что )))))))
На android не работает полная версия. Не все блоки сайта отобоажены. Samsung Galaxy Note 3.
Где ссылки на приложения android и т.д.?
Какие блоки, по вашему мнению, скрыты?
Пофиксите ссылки в колонке «Лучшее за неделю».
Из плюсов: Понравилась адаптивность под различные устройства. Действительно стало удобнее.
Из минусов: Не хватает детального рубрикатора в футере. Раньше, например, часто читал архивы из подраздела "Рабочие места" или "Продуктивность". Теперь придется перелопачивать всю рубрику "Работа". Так как время на чтение лимитировано - буду больше тратить времени на поиск нужного материала, а не на его чтение ((((
навигация на подходе
Спасибо и успешного развития проекта)))
<3
в правой части сайта "Лучшее за неделю", все ссылки ведут к одной новости(про сумку)
есть такое, чиним
теперь лучшее за неделю вообще пропало(
Нерабочая якорная ссылка на комментарии. Раньше было очень удобно кликать на значок комментарии и открывалось сразу в нужном месте. Якорная ссылка висит, но не перемещается на сами комментарии. Добавьте пожалуйста.
http://screencast.com/t/SNp9WoTqR
принято
Спасибо!
Лайфхакер действительно нуждался в оптимизации спасибо вам за это))
Единственное что хорошо - наконец сделали возможность читать в портретной ориентации на телефоне. Все остальное хуже - шрифт, структура, ссылки. Так же не хватает кнопки или стрелки позволяющей быстро подняться наверх при большом количестве постов или текста. На телефоне долго свайпить...
Андроид?
Разумеется.
1. Если я 10 раз нажал Больше статей, открыл статью на 10-й странице, то по кнопке Вернуться попадаю на первую страницу. Раньше возврат был корректным: в то место списка статей, откуда открыта статья.
2. Верните список страниц внизу сайта 1, 2, 3, ,... (желательно и вверху сайта). Иначе вообще никакой ориентации в архивах.
Спасибо :)
Вы правы, это стало не логично. Переделаем немного.
неплохо) Только после того как залогинился, пришлось страницу обновлять, чтобы можно было комментарий оставить)
Ну теперь уже всё хорошо?
И уберите галерею портретов подписантов из вконтакта. Ломает форматирование.
Спасибо!), выглядит очень красиво ))
Класс!
Действительно быстрый ! Пользуюсь Opera как известно не самый быстрый браузер но для меня оч удобный, до обновления сайт был очень тяжелым для моей старушки, теперь же все ок (быстрый скрол, все модули грузятся) !!!
Так держать !!!
Вот здесь как то не очень ...
И отступ шрифта при наборе в комментах маловат
Спасибо большое. Надеемся что будет только лучше.
Возникает стойкое желание всё уменьшить. А в целом, делать вам нечего на живых проектах дизайны тестировать, неумные вы люди)
Так как мы знаем, как именно мы тестировали этот дизайн, то не умным человеком кажетесь вы нам.
За удаление разделов сайта в футере гореть вам на медленном огне.
От ненависти до любви один шаг :)
Изуродовали сайт, каждый день заходил,теперь врядли больше сюда зайду.Верните пожалуйста прежний дизайн!
Неа, не вернем.
нам так каждый раз говорят.
НИ ЗА ЧТО :)
А мне нравится...
Только шрифт ужасен и нет разделов.
ЗЫ Коменты более чем на половине статей не работают.
А еще сделали блок яндекс.директа залипающим справа от контента. Чтобы пользователю было удобнее рекламу смотреть.
Без рекламы этот сайт умрет через очень короткое время, потому что за нами нет ничего, кроме рекламы. Если вам кажется что тут благотворительный фонд, то пора взрослеть.
посмотрите ,что мы сделали с Лайфхакером
спасибо, исправим
Отключите AdBlock — станет лучше.
Ещё расстояние между комментариями огромное. Со смартфона это выглядит как один комментарий на страницу.
..а можно сделать добавление в "покет" под автором?)..а то приходится заходить в статью добавлять и выходить!!..не удобно!
спасибо!
Идея хороша, все красиво. Только этот гадкий шрифт все портит. На кратком обзоре все нормально, но когда переходишь на полное содержание он становится каким то блеклым и почти сливается с фоном. И это пожалуй единственный не достаток который я заметил. Хотя вернуть страницы тоже не помешает ориентироваться стало сложнее. Спасибо
а покажите скриншот окна, пожалуйста
http://SSMaker.ru/4435c344/
адаптивный дизайн это гут! наконец-то нормально превью в Feedly заработало. спасибо!
На главное странице исправили как выглядит текст, но внутри статей всё также хреново. (повторюсь, что 24full HD монитор, винда, все браузеры)
добавьте кнопку "pocket" и кнопку быстрой прокрутки наверх,пожалуйста
обе есть
действительно,не обратил внимания на угол) только pocket внутри статьи,очень удобно было не заходить в саму статью чтоб сохранить
Добавим.
Не знаю, писал ли это кто-то, но я словил баг. При первом заходе через Chrome, по кнопке "Еще статей" три раза открылся один и тот же список (продублировался) , дальше пробовать не стал. После обновления странички все ок.
посмотрим
а где делась кнопка Poccket?
Нет возможности добавить комментарий к статье https://lifehacker.ru/nozh/ - отсутствует поле для ввода (пробовал в разных браузерах).
Это баг или фича?
Если фича, то было бы неплохо как-то давать понять пользователю, что комментарии закрыты. А то блок для комментариев есть, а написать нет никакой возможности и непонятно то ли ты тупишь, то ли так задумано.
баг системы комментирования, исправили.
Значит не зря отписался о проблеме)
Спасибо!
Двоечку вам за первый пункт.
Определять мобильность нужно по браузеру. В вашем решении пользовтель вообще никак не может переключиться в десктопный режим, даже если нажмет в браузере кнопку "показать полную версию сайта"
Георгий, изучите сначала, что такое responsive web design, а потом приходите и рассказывайте, как и что нужно определять.
Лучшие предложения
14 базовых белых футболок, которые просто обязаны быть в любом гардеробе
Это нам надо: наушники Microsoft Xbox Wireless Headset
Надо брать: ноутбук Honor MagicBook X16 за 43 217 рублей
Находки AliExpress: самые интересные и полезные товары
15 интересных товаров дешевле 500 рублей
Уютно, практично и стильно: 8 российских брендов текстиля для дома
Лучшие предложения недели: скидки от AliExpress, «Яндекс Маркета», Yves Rocher и других магазинов
Выбирай, но проверяй: как найти в магазине качественный товар
«Young Adult — это не настоящая литература!» Обсуждаем стереотипы о книгах в новом выпуске подкаста «Женщины и всё»
РекламаОсновы бережного общения и саморекламы. 6 дисциплин мечты, которым стоит учить в вузах
Короткий путь в профессию: 5 причин поступить в колледж
5-й сезон подкаста «Слушай, это просто» стартовал! Первый выпуск — про эффект Бэтмена и пользу выдуманного альтер эго
Реклама