Лайфхакер
Советы

Посмотрите, что мы сделали с Лайфхакером

Привет! Над тем, как выглядит Лайфхакер с сегодняшнего дня, мы работали очень долго, очень кропотливо, очень вдумчиво. Мы постарались взять все лучшее, что мы уже успели придумать и сделать, и добавить к этому самое главное, чему мы научились за 1,5 года, прошедшие с прошлого редизайна.
Фото автора Alex Ponomar
Alex Ponomar

Посмотрите, что мы сделали с Лайфхакером

Ниже я просто приведу список из трёх главных нововведений:

  1. Адаптивный дизайн: теперь вы сможете получать максимум удовольствия от чтения Лайфхакера на всех категориях устройств. Пользователи iPad и мобильных телефонов с разнообразными разрешениями экрана на ОС Android будут особенно довольны. Хотите посмотреть, как это работает прямо на десктопе? Просто подвигайте размер окна браузера туда-сюда и посмотрите, как ведет себя сайт.
  2. Ярче, чище, минималистичней. Мы постарались убрать все лишнее и сделать процесс чтения максимально приятным.
  3. Быстрее. Мы провели множество оптимизаций и добились бОльшей скорости работы сайта. И будем продолжать работать над этим ;)

Конечно, мы не остановимся на этом: список улучшений у нас еще большой. На следующие лет 5 хватит точно ;) Ну а пока — добро пожаловать на новый Лайфхакер!

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
Не только бюджет: 3 вопроса, которые стоит задать себе при выборе квартиры для жизни с партнёром

Не только бюджет: 3 вопроса, которые стоит задать себе при выборе квартиры для жизни с партнёром

Почему после похудения килограммы возвращаются и как этого избежать

Почему после похудения килограммы возвращаются и как этого избежать

Это наша БигДанность: как большие данные работают в повседневной жизни

Это наша БигДанность: как большие данные работают в повседневной жизни

Реклама
6 лайфхаков, которые помогут легко накопить на 13-ю зарплату

6 лайфхаков, которые помогут легко накопить на 13-ю зарплату

Комментарии
abr babr
если бы не новость, я бы и не заметил :)
Алексей Пономарь
Это значит, что всё получилось даже лучше, чем мы ожидали.
Саня Boshnik
Тогда исправьте menu-triangle-right { border-right: 16px solid white; } А то раздражает полоска справа - https://yadi.sk/i/IN7C8g5UcRuVJ
Алексей Пономарь
это что за браузер у вас?
Саня Boshnik
А вы каким пользуетесь? В 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 для скриптов. Я люблю ваш сайт, поэтому и пишу вам замечания, так как мне будет приятно заходить на сайт в котором не будет таких мелких и раздражающих косяков.
Алексей Пономарь
Не-не, я без наезда :) Исправим.
Алексей Пономарь
Посмотрите сейчас.
Саня Boshnik
да, теперь круто.
Евгений Иванкин
Почему ссылки в меню не подсвечиваются? Да и подчёркивать ссылки является хорошим тоном (это я про блок рекомендуем и лучшее за неделю). Аватар автора не отображается.
Алексей Пономарь
Аватар отображается. Ссылки в указанных блоках подчеркиваются при наведении. Ссылки в меню еще будут меняться.
Андрей Солодов
Ничего хорошего,раньше было лучше!
Алексей Пономарь
Спасибо!
Igor Sweed
хотел было похвалить, но еле попал по кнопке авторизации, мелковаты (4.3"). а вообще выглядит весьма недурно, мне нравится.
Алексей Пономарь
Увеличим под палец вам.
Ksenya Baranova
зачем вы хамите вашим же читателям?
Алексей Пономарь
Почему хамим? Правда увеличим.
Pavel Gorshunov
горизонтальное меню было бы хорошо сделать потоньше, иначе места для контента слишком мало (http://joxi.ru/48AnoEgHqEgxrO).
Алексей Пономарь
смело скрольте!
Pavel Gorshunov
Спасибо за то, что подбодрили меня в моей нерешительности! Могу лишь констатировать, ресурс стал менее удобен для чтения. Как вариант – буду просматривать "LH" через агрегатор, а на сайт постараюсь заходить реже на любом из устройств.
Алексей Пономарь
О, а покажите, какой агрегатор предпочитаете?
Pavel Gorshunov
Старенького Feedly использую. Кстати, по удобству чтения Хабрахабр однозначно делает LH. Учитесь у "H" )))
Алексей Пономарь
У них свой контент — у нас свой.
Алексей Пономарь
посмотрите сейчас.
Pavel Gorshunov
Щикааарно! ) ...а можно еще точки на 3 сверху/снизу поджать? (:sly:)
Алексей Пономарь
Поджали.
Pavel Gorshunov
ох, обманываете, Алексей! ) было 52px, осталось 52px, хотя да, рекомендации Владислава реализовали. судя по всему на большом мониторе отсматриваете, что в принципе приятно, но для восприятия на маленьких разрешениях губительно (сам этим страдаю). )))
Алексей Пономарь
Отнюдь. Покажите, где у вас 52 пикселя.
Pavel Gorshunov
http://joxi.ru/wGrqXj0SN0jZAz
Алексей Пономарь
а, ну мы в другом месте убрали, конечно. Тут уж извините, наш дизайнер возражает.
Pavel Gorshunov
о-кей... ( впрочем, все равно молодцы )))
Алексей Пономарь
И да, сообщите ваше разрешение экрана.
Максим Костерев
Клёво!
Слава Баранский
!!! :)
Аргнист Аргнистов
Невозможно авторизоваться в комментариях в Firefox (правда это уже давно так и на всех сайтах, которые используют эту недосистему комментирования).
Слава Баранский
А что есть «досистема» комментирования?
Лещенко Владислав
Доработай таблицу стилей пожалуйста, очень большие отступы в районе логотипа и поиска в header, между меню и заголовком статьи и изображением материала и т.д. В ином случае пространства для чтения очень мало, Вот немного пошаманил, одно и тоже пространство до и после: http://piccy.info/view3/7213939/4aaf8d48fe52dbab8509d766bbf49d05/ И еще, непонятно зачем материалы ПОД комментариями.
Алексей Пономарь
Пошаманили и мы.
Лещенко Владислав
еще тут поменяй, если не сложно. Там 30px стояло, явно перебор. http://piccy.info/view3/7214270/a2a518d3e9f962428fa063d1f3aeec15/
Andrey Stepko
Мне нравится, спасибо! Приятно вас читать!
Сергей Мадекин
Верстка в пунктах из статьи бажит - некоторые концы строк не видны. Да и новый минималистичный дизайн мне совсем не нравится.
Алексей Пономарь
Проиллюстрируйте, пожалуйста, невидимые концы.
Сергей Мадекин
http://rghost.ru/58832569/image.png
Алексей Пономарь
Круто! А можно попросить заскринить все окно браузера?
Сергей Мадекин
http://rghost.ru/58832613/image.png
Алексей Пономарь
Узнал о существовании браузера Pale Moon, спасибо. Попробуем починить...
Сергей Мадекин
Забавно, потому что о существовании браузера Pale Moon я узнал из ЛХ:)
Алексей Пономарь
читайте другие сайты.
Алексей Пономарь
Вы ж все равно по ней не кликаете, хоть скролится она у вас, хоть не скролится.
Артем Омни
По рекламе в правом блоке практически никто и никогда не кликает
Alexander Litvinov
Галя, перелогинься
Дмитрий Горчаков
На странице три блока социальных кнопок. Так и должно быть?
Алексей Пономарь
Да.
Дмитрий Горчаков
Во втором блоке кнопки плоские, в третьем - выпуклые.
Алексей Пономарь
Так и задумано :)
ZeoS
Работать еще и работать :) По тематике - ее нет. Вот у вас новость про Лайфхакер и дизайн, так и сделали бы сразу подбородку с боку. Внизу под комментами, не знаю.. спорное решение, но можно попробовать, но опять же - следуйте тематике, а не просто набор постов. Почему блок рекомендаций находится перед комментариями? Неудачное решение, отделяет статью от комментов. Слишком много социальных кнопок, аж три ряда, зачем? В целом страница выглядит слишком хаотично, нет единства, и стримлайна тоже нет. Надо ведь взять читателя и нежно пронести его через статью, общение, рекомендации... Секция "Лучшее" не самая лучшая на странице, простите за каламбур. Ее взгляд вообще пропускает, как буду-то это статистика какая. С ней надо поработать. Ну вот, в крадце...
Алексей Пономарь
«в крадце» отделить статью от комментов лично нам кажется прекрасным решением. Над остальным мы подумаем.
ZeoS
>отделить статью от комментов лично нам кажется прекрасным решением. Обоснуйте. Все ведь надо обосновывать, не так ли ;) И еще, у вас очень не рационально используется место самой статьи. Из-за аватары и инфы писателя вы теряете около 15% места по ширине. Я не против пустого места и считаю его много не бывает. Но рациональность его использования важна.
Алексей Пономарь
Мы, в общем-то, не должны вам ничего обосновывать, но всё же: юзабилисты сходятся во мнении, что для комфортного восприятия информации длина строки должна составлять не более 75 символов. Распахав все пространство кроме сайдбара под текст, мы бы убили его читаемость.
Любовь Косинская
По мне так аватара сбоку в миллион раз лучше того, что было прежде.
Алексей Пудовкин
А пункт меню "Гад же ты" переименовать так и не решились :)
Слава Баранский
У нас идут мощные споры ежедневно. Фракция «Гаджеты» пока побеждает.
Сергей Мадекин
Еще похоже неправильно работает время, когда был написан комментарий. Вот этот комментарий https://lifehacker.ru/lifehacker-v3/#hcm=1414859513150799 у меня первый, который не был написан "только что", отображается, что он был написан 5 минут назад.
Maxim Koshelev
Шрифт стал просто отвратительным. Контрастности нет, тусклый, линии почти не видны (24" fullhd монитор)
Слава Баранский
у меня ретина мотор и все хорошо. может дело в вашем браузере? какой он?
Maxim Koshelev
И что ретина? Проверил в четырех браузерах, более менее только в IE, у вас это основная аудитория чтоли?! Хуже всего в лисе, хром и старая опера примерно одинаково.
Алексей Пономарь
Черные буквы на белом фоне, что может быть контрастнее?
андрей шкабко
Хочу старую версию сайта(((((((
Слава Баранский
ни за что )))))))
Petr Staritsky
На android не работает полная версия. Не все блоки сайта отобоажены. Samsung Galaxy Note 3. Где ссылки на приложения android и т.д.?
Алексей Пономарь
Какие блоки, по вашему мнению, скрыты?
Дмитрий Гуменюк
Пофиксите ссылки в колонке «Лучшее за неделю».
Vladimir Efimov
Из плюсов: Понравилась адаптивность под различные устройства. Действительно стало удобнее. Из минусов: Не хватает детального рубрикатора в футере. Раньше, например, часто читал архивы из подраздела "Рабочие места" или "Продуктивность". Теперь придется перелопачивать всю рубрику "Работа". Так как время на чтение лимитировано - буду больше тратить времени на поиск нужного материала, а не на его чтение ((((
Алексей Пономарь
навигация на подходе
Vladimir Efimov
Спасибо и успешного развития проекта)))
Слава Баранский
<3
art.barysevich
в правой части сайта "Лучшее за неделю", все ссылки ведут к одной новости(про сумку)
Алексей Пономарь
есть такое, чиним
Ksenya Baranova
теперь лучшее за неделю вообще пропало(
Надежда Сальникова
Нерабочая якорная ссылка на комментарии. Раньше было очень удобно кликать на значок комментарии и открывалось сразу в нужном месте. Якорная ссылка висит, но не перемещается на сами комментарии. Добавьте пожалуйста. http://screencast.com/t/SNp9WoTqR
Алексей Пономарь
принято
Надежда Сальникова
Спасибо!
Igor
Лайфхакер действительно нуждался в оптимизации спасибо вам за это))
Vlad Zinchenko
Единственное что хорошо - наконец сделали возможность читать в портретной ориентации на телефоне. Все остальное хуже - шрифт, структура, ссылки. Так же не хватает кнопки или стрелки позволяющей быстро подняться наверх при большом количестве постов или текста. На телефоне долго свайпить...
Алексей Пономарь
Андроид?
Vlad Zinchenko
Разумеется.
Юрий Засыпкин
1. Если я 10 раз нажал Больше статей, открыл статью на 10-й странице, то по кнопке Вернуться попадаю на первую страницу. Раньше возврат был корректным: в то место списка статей, откуда открыта статья. 2. Верните список страниц внизу сайта 1, 2, 3, ,... (желательно и вверху сайта). Иначе вообще никакой ориентации в архивах. Спасибо :)
Слава Баранский
Вы правы, это стало не логично. Переделаем немного.
Artyom Kiselyov
неплохо) Только после того как залогинился, пришлось страницу обновлять, чтобы можно было комментарий оставить)
Слава Баранский
Ну теперь уже всё хорошо?
Vlad Zinchenko
И уберите галерею портретов подписантов из вконтакта. Ломает форматирование.
Сергей Рыж
Спасибо!), выглядит очень красиво ))
Владислав Салахутдинов
Класс!
Коля Ковляшенко
Действительно быстрый ! Пользуюсь Opera как известно не самый быстрый браузер но для меня оч удобный, до обновления сайт был очень тяжелым для моей старушки, теперь же все ок (быстрый скрол, все модули грузятся) !!! Так держать !!!
Коля Ковляшенко
Вот здесь как то не очень ... И отступ шрифта при наборе в комментах маловат
Слава Баранский
Спасибо большое. Надеемся что будет только лучше.
Артем Омни
Возникает стойкое желание всё уменьшить. А в целом, делать вам нечего на живых проектах дизайны тестировать, неумные вы люди)
Слава Баранский
Так как мы знаем, как именно мы тестировали этот дизайн, то не умным человеком кажетесь вы нам.
Антон Курилов
За удаление разделов сайта в футере гореть вам на медленном огне.
Слава Баранский
От ненависти до любви один шаг :)
Алексей Борисов
Изуродовали сайт, каждый день заходил,теперь врядли больше сюда зайду.Верните пожалуйста прежний дизайн!
Алексей Пономарь
Неа, не вернем.
Алексей Пономарь
нам так каждый раз говорят.
Слава Баранский
НИ ЗА ЧТО :)
Orbital_Cat
А мне нравится... Только шрифт ужасен и нет разделов. ЗЫ Коменты более чем на половине статей не работают.
Martin Malovanets
А еще сделали блок яндекс.директа залипающим справа от контента. Чтобы пользователю было удобнее рекламу смотреть.
Слава Баранский
Без рекламы этот сайт умрет через очень короткое время, потому что за нами нет ничего, кроме рекламы. Если вам кажется что тут благотворительный фонд, то пора взрослеть.
Ksenya Baranova
посмотрите ,что мы сделали с Лайфхакером
Алексей Пономарь
спасибо, исправим
Слава Баранский
Отключите AdBlock — станет лучше.
Артем Омни
Ещё расстояние между комментариями огромное. Со смартфона это выглядит как один комментарий на страницу.
Тимон Борода
..а можно сделать добавление в "покет" под автором?)..а то приходится заходить в статью добавлять и выходить!!..не удобно! спасибо!
Ягуб Ахмедов
Идея хороша, все красиво. Только этот гадкий шрифт все портит. На кратком обзоре все нормально, но когда переходишь на полное содержание он становится каким то блеклым и почти сливается с фоном. И это пожалуй единственный не достаток который я заметил. Хотя вернуть страницы тоже не помешает ориентироваться стало сложнее. Спасибо
Алексей Пономарь
а покажите скриншот окна, пожалуйста
Ягуб Ахмедов
http://SSMaker.ru/4435c344/
Viktor Pyatkovka
адаптивный дизайн это гут! наконец-то нормально превью в Feedly заработало. спасибо!
Maxim Koshelev
На главное странице исправили как выглядит текст, но внутри статей всё также хреново. (повторюсь, что 24full HD монитор, винда, все браузеры)
O
добавьте кнопку "pocket" и кнопку быстрой прокрутки наверх,пожалуйста
Алексей Пономарь
обе есть
O
действительно,не обратил внимания на угол) только pocket внутри статьи,очень удобно было не заходить в саму статью чтоб сохранить
Алексей Пономарь
Добавим.
Сергей Дубынин
Не знаю, писал ли это кто-то, но я словил баг. При первом заходе через Chrome, по кнопке "Еще статей" три раза открылся один и тот же список (продублировался) , дальше пробовать не стал. После обновления странички все ок.
Алексей Пономарь
посмотрим
Виктория Чернышова
а где делась кнопка Poccket?
Serhii Haleha
Нет возможности добавить комментарий к статье https://lifehacker.ru/nozh/ - отсутствует поле для ввода (пробовал в разных браузерах). Это баг или фича? Если фича, то было бы неплохо как-то давать понять пользователю, что комментарии закрыты. А то блок для комментариев есть, а написать нет никакой возможности и непонятно то ли ты тупишь, то ли так задумано.
Алексей Пономарь
баг системы комментирования, исправили.
Serhii Haleha
Значит не зря отписался о проблеме) Спасибо!
George Gagnidze
Двоечку вам за первый пункт. Определять мобильность нужно по браузеру. В вашем решении пользовтель вообще никак не может переключиться в десктопный режим, даже если нажмет в браузере кнопку "показать полную версию сайта"
Алексей Пономарь
Георгий, изучите сначала, что такое responsive web design, а потом приходите и рассказывайте, как и что нужно определять.
Что вы могли пропустить
Как сдерживать беспорядок в доме с помощью метода пяти вещей
Как сдерживать беспорядок в доме с помощью метода пяти вещей
0
Советы
Советы
7 бытовых вещей, которые стоит убрать подальше от детей и животных
7 бытовых вещей, которые стоит убрать подальше от детей и животных
0
Советы
Советы
Как выбрать моющий пылесос для небольшой квартиры: характеристики, на которые реально стоит смотреть
Как выбрать моющий пылесос для небольшой квартиры: характеристики, на которые реально стоит смотреть
«Горящая изба»
Советы
Как пользоваться моющим пылесосом правильно
Как пользоваться моющим пылесосом правильно
0
Ликбез
Советы
Отличные способы покрасить яйца на Пасху, которые работают из года в год
Отличные способы покрасить яйца на Пасху, которые работают из года в год
«Горящая изба»
Советы
В Азии обнаружили неизвестную популяцию древних людей, пережившую ледниковый период
В Азии обнаружили неизвестную популяцию древних людей, пережившую ледниковый период
0
Новости
Советы
Как пользоваться пипидастром
Как пользоваться пипидастром
0
Ликбез
Советы
Как это сделать: превратить упаковку «Золотого яблока» в полезные вещи для дома
Как это сделать: превратить упаковку «Золотого яблока» в полезные вещи для дома
0
Советы
Советы
18 вещей в доме, которые только зря занимают место. Большой чек-лист расхламления на весну
18 вещей в доме, которые только зря занимают место. Большой чек-лист расхламления на весну
«Горящая изба»
Советы
6 способов использовать лимонную кислоту в быту
6 способов использовать лимонную кислоту в быту
0
Советы
Советы
Как найти квартиру мечты на Яндекс Недвижимости: 3 совета для общения с ИИ-помощником
Как найти квартиру мечты на Яндекс Недвижимости: 3 совета для общения с ИИ-помощником
0
Советы
Советы
3 кухонных прибора, которые помогут прокачать ваши кулинарные способности
3 кухонных прибора, которые помогут прокачать ваши кулинарные способности
0
Советы
Советы
Эти простые шаги помогут вырастить манго из косточки
Эти простые шаги помогут вырастить манго из косточки
«Горящая изба»
Советы
Как хранить зимнюю одежду, шапки и обувь, чтобы вещи не испортились
Как хранить зимнюю одежду, шапки и обувь, чтобы вещи не испортились
0
Советы
Советы
Как стирать кожаные штаны правильно
Как стирать кожаные штаны правильно
0
Ликбез
Советы