Pull to refresh

Новый Хабр по-новому

Reading time 1 min
Views 677
Habr
Вот посидел я с утра в новом Хабре и понял, что я скорее подправлю немножко user-стили, чем привыкну к новой шапке.

Было:
image

Стало:
image

Меня лично задело перемещение личных линков на левую сторону. Мы же привыкли тянуться курсором в правый угол. Как так можно?
Читать дальше →
Total votes 167: ↑139 and ↓28 +111
Comments 86

Ещё интересные возможности улучшения комментариев на Хабре

Reading time 3 min
Views 677
Habr
Жаль, у меня не было возможности вовремя поучаствовать в прошедших обсуждениях улучшения комментариев на Хабре (топик 1, топик 2). А мне как раз есть что сказать. Немного, правда, но по делу и с готовыми решениями и возможностью попробовать.
 
image
 
Читать дальше →
Total votes 127: ↑107 and ↓20 +87
Comments 79

Приведение дизайна Jira к читабельному виду

Reading time 2 min
Views 7.7K
GreaseMonkey *
Для того, чтобы легче работалось с багтрекером Jira, установите юзер-стили, прописав в них свой сервер разработки.
    Подобная проблема имеется и у багтрекера Trac. В их дизайне по умолчанию информация, относящаяся к разным по смыслу блокам (пользовательские сообщения и системные) набрана в похожих окнах без границ. Информация из разных окон путается между собой, поэтому ещё до исправления ошибок требуется включать мозг, чтобы начать различать блоки, вдумчиво вчитываясь в разбросанные (насыпанные) слова. Через некоторое время у пользователя появляется искушённость, он намётанным глазом с полувзгляда учится распознавать блоки в Джире.
Читать дальше →
Total votes 7: ↑4 and ↓3 +1
Comments 5

Inversion compact skin v2

Reading time 2 min
Views 555
Habr
Для тех кто в теме, кратко: после осеннего апгрейда Хабра-юзер-стиль слетел — пришлось заново переписать.

Features

Стиль в один клик делает Хабр более уютным и удобным:
— компактная шапка
— меню пользователя на правой стороне (кто ещё помнит, оно изначально было там…)
— уменьшены размеры показателей кармы/рейтинга/индекса — ведь не они главное на Хабре
— заменил появляющиеся точки около комментариев на отступ размером в аватарку + тоненькую линию для определения уровня вложенности
— заменил множественные «ответить» с подчеркиванием штрихами на скромный линк, который появляется при mouse hover
— убрал округленные уголки с аватарок
— если срок голосования за комментарий истек, то показывается только рейтинг, без серых кнопок
— убавил ширину правой колонки (сайдбара)

Кто не в курсе о чем это — предыстория: 1 сезон, 2 сезон.

Под катом: картинки, бонусы и один интересный факт...
Total votes 80: ↑73 and ↓7 +66
Comments 45

Вышла «бета» скрипта HabrAjax

Reading time 6 min
Views 1.2K
JavaScript *
Скрипт и стили для Хабра выложены в пользование и дальнейшее развитие. Количество «фич» довольно большое, поэтому, чтобы не затягивать дальнейшую разработку, скрипты и стили проработаны до необходимого минимума. Бесконечно улучшать просто нет смысла, потому что на сайте постоянно добавляются новые коды и вёрстка, старое ломается, функции приходится восстанавливать. Поэтому идея выкладки в формате «беты» — в том, чтобы различные пользователи, вдохновлённые возможностями оболочки (скриптов и стилей), прониклись идеей небольших доработок «под себя» этого основного скрипта, и тогда общая работа пошла бы заметно быстрее. Ведь совсем нетрудно и интересно потратить вечер для красивой «фичи» на 30-50 строк кода, но когда таких фич набирается 20 — стольких вечеров становится не хватать и требуется подключение сил других разработчиков.
Что заложено в скрипты и стили?
Total votes 15: ↑7 and ↓8 -1
Comments 13

Починяем кнопку «Подписаться» в Google Reader

Reading time 2 min
Views 1.2K
JavaScript *Google Chrome
Привет!

Откровенно говоря, я не знаю, один ли я в своей беде, но за долгое время использования Google Reader в качестве RSS-читалки, мне изрядно надоела непропорциональная ширина кнопки «Подписаться» и всплывающего по её нажатии блока. Казалось бы, всё это фигня, но глаз мозолит очень сильно.

А что ещё прискорбнее, этот баг из старой версии ридера, переехал в новую. Да и вообще, у меня закрадываются подозрения, что я один кто с ним столкнулся…

Короче говоря, вот она, проблема:
image
Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Comments 16

Пользовательский JavaScript и CSS на мобильных устройствах

Reading time 4 min
Views 17K
Website development *CSS *JavaScript *


Хочется странного


Если вы регулярно посещаете с мобильного устройства (телефона, планшета) какие-нибудь сайты, и если у вас регулярно возникает желание изменить на них JS/CSS (но разработчикам сайтов вы по какой-то причине не сообщаете об этих желаниях), то статья вам может быть интересна.

Посмотрим, что можно сделать.
Total votes 22: ↑20 and ↓2 +18
Comments 27

Тостер. Userstyle. Update

Reading time 3 min
Views 4.1K
Usability *
Несколько часов назад администрация объявила о возрождении ресурса «Тостер». Но не в том виде каким он был, а отделив раздел Q&A от хабра в отдельный сайт. Первое, что бросилось в глаза — это сайт уехавший влево. Может на ноутбуках будет смотреться хорошо, но на моем экране можно разместить 2 таких сайта.

Не долго думая, решил подправить стили под себя, поскольку в раздел (теперь уже на сайт) я захожу почти каждый день.
Из изменений:
  • Фиксированное расположение шапки сайта
  • Сайт выровнен по центру, левая панель осталась нетронутой
  • Основная часть сайта стала шире
  • Добавил прозрачности тегам, чтобы не бросались в глаза и изменил шрифт на Arial
  • Изменен цвет текста во всплывающем окошке у тега, сделал более контрастным
  • Еще пару незаметных мелочей

Юзерстиль под катом
Total votes 34: ↑29 and ↓5 +24
Comments 17

Тема для ночного чтения Habrahabr

Reading time 2 min
Views 17K
Habr
Добрый день, хабражители!
Долгое время меня волновала проблема ночного чтения habrahabr: я мешал жене спать, да и глаза быстро устают в темноте читать белый сайт. Я сделал несколько попыток создать ночную темную тему для habrahabr и она выполняла свою функцию, но не была достаточно качественной для того, чтобы отдавать ее в общий доступ — все-таки верстка сайта была весьма консервативной и плохо поддавалась аккуратному рестайлингу.

С выходом новой версии дизайна habrahabr верстка сайта стала более прогрессивной и простой, и я решил, что это подходящий момент, чтобы осуществить давно задуманное.


Я тоже хочу такую!
Total votes 82: ↑79 and ↓3 +76
Comments 54