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

Не долго думая, решил подправить стили под себя, поскольку в раздел (теперь уже на сайт) я захожу почти каждый день.
Из изменений:

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

Юзерстиль под катом

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

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

Читать дальше →

Все, кто привык к полноценно оформленным страницам сайтов, предпочитает вид «прибитого» (прилипающего, sticky) к низу футера страницы. Но есть в интернете две беды: нерастущие вниз поля ввода и неприбитые (к низу окна) футеры. Например, когда открываем короткие по высоте страницы типа habrahabr.ru/settings/social/ — сразу бросается в глаза, что информация, призванная быть в нижней части окна просмотра, прилипает к содержанию и находится где-то посередине, а то и в верхней части окна, когда внизу — пусто.

Так, вместо того, чтобы .
Данное пособие для начинающих верстальщиков покажет, как за 45 минут сделать «прибитый» футер, исправив недоработки даже такого уважаемого издания, как Хабр, потягаться с ним в качестве исполнения своего перспективного проекта.
как сделать, чтобы трава была зелёная, а футеры - прибитыми