Comments 27
Ага, вот эта звездочка.
чувак мне тебя жалко. а ведь ты прав.
хабраразработчики ничего не слышали про Web Content Accessibility
хабраразработчики ничего не слышали про Web Content Accessibility
обидно, что судя по плюсам и минусам люди не в курсе что-такое userability.
вдвойне обидно если эти люди — разработчики it-ресурса
зы. звездочка появляется динамически… не знаю — почему не вставить её сразу и менять уже потом…
вдвойне обидно если эти люди — разработчики it-ресурса
зы. звездочка появляется динамически… не знаю — почему не вставить её сразу и менять уже потом…
ну это понятно, что динамически. как мне видится единственная польза от этого- простое её сокрытие от незарегистрированных пользователей. и всё- больше никакой пользы от этой динамики не вижу
Вообще-то она на background-е. Берётся из стилей. С каких это пор использование css — «динамическое появление»?
я не смог найти где в каком css находиться класс «js-to_favs_add», подскажите пожалуйста
Мягкий знак — лишний.
Зачем вам этот класс? Background написан вот здесь
habrahabr.ru/css/main.css? revision=10
строка 1219
Зачем вам этот класс? Background написан вот здесь
habrahabr.ru/css/main.css? revision=10
строка 1219
и все равно я не вижу по каким правилам картинка берется из стилей. можете объяснить на пальцах? с меня пакет сока
В файле, на который ссылка выше, в строке 1219, написано
.entry-info .to-favs a
Это значит, что если есть элемент с классом entry-info, в нём элемент с классом to-favs, а в нём — тэг a, то к нему надо применить указанный стиль. И дальше в строке 1226 написано
background:#fff url(../i/icos/star.gif) no-repeat 0 0;
что и значит загрузить картинку, находящуюся по адресу
habrahabr.ru/i/icos/star.gif
(На самом деле, в этой картинке сразу две разных звёздочки. За счёт того, что background-у задана позиция 0 0, а также в строке 1224 высота размером в одну звёздочку, рисуется только одна звёздочка. А чуть ниже, в строках 1229-1232, для случая, когда звёздочка должна быть выделена, позиция background-а устанавливается в left bottom и рисуется выделенная звёздочка.)
.entry-info .to-favs a
Это значит, что если есть элемент с классом entry-info, в нём элемент с классом to-favs, а в нём — тэг a, то к нему надо применить указанный стиль. И дальше в строке 1226 написано
background:#fff url(../i/icos/star.gif) no-repeat 0 0;
что и значит загрузить картинку, находящуюся по адресу
habrahabr.ru/i/icos/star.gif
(На самом деле, в этой картинке сразу две разных звёздочки. За счёт того, что background-у задана позиция 0 0, а также в строке 1224 высота размером в одну звёздочку, рисуется только одна звёздочка. А чуть ниже, в строках 1229-1232, для случая, когда звёздочка должна быть выделена, позиция background-а устанавливается в left bottom и рисуется выделенная звёздочка.)
вот замечательный пример почему нужно соблюдать WAI при вёрстке, и зачем вообще нужна хорошая вёрстка.
обидно что неразбирающиеся в вёрстке люди заминусовали топик в хлам.
обидно что неразбирающиеся в вёрстке люди заминусовали топик в хлам.
А всего-то и нужно было включить отображение картинок…
Сайт должен быть доступен человеку в любом случае.
— А если человек не может загрузить картинки? (например он с мабилы по GPRS и каждый килобайт на счету?)
— Или он слепой?
— Если у него инет хреновый и css не загрузился до конца например?
Задача разработчиков сделать так — чтобы пользователям было удобно.
Есть определённые правила как делать сайты, ненадо на пользователя валить.
Вообще в вёрсткой Хабра занимались отцы, я не верю что тот же Flack мог такое написать… эту иконку наверно какой-то фрилансер доделывал, а QA неуследило.
— А если человек не может загрузить картинки? (например он с мабилы по GPRS и каждый килобайт на счету?)
— Или он слепой?
— Если у него инет хреновый и css не загрузился до конца например?
Задача разработчиков сделать так — чтобы пользователям было удобно.
Есть определённые правила как делать сайты, ненадо на пользователя валить.
Вообще в вёрсткой Хабра занимались отцы, я не верю что тот же Flack мог такое написать… эту иконку наверно какой-то фрилансер доделывал, а QA неуследило.
Да я не валю, просто в период, когда хабр постоянно изменяется, можно спокойно при любом баге жамкать F5 и скорее всего он пропадёт. На client-side нового хабра в плане неоптимизированности, наверное, поплевались уже все, кто что-то в этом понимают, но у меня пока терпение есть ждать постоянной перезагрузки 30-ти js-css-файлов.
ЗЫ. Очень сомневаюсь, что хабр стремится сделать сайт доступным 100% пользователям — всё-таки контингент предполагается «с прямыми руками».
ЗЫ. Очень сомневаюсь, что хабр стремится сделать сайт доступным 100% пользователям — всё-таки контингент предполагается «с прямыми руками».
интересно что за браузер, и интересно есть ли там баннерорезка (а то у меня помню страдала такими делами)
Жаль, что этот топик заминусовали.
Я, конечно, понимаю, что целевая аудитория Хабра умнее, чем большинство юзеров, но я считаю, что сайты должны быть кроссбраузерными.
Допустим, 99% людей пользуется Firefox/Opera/IE/Chrome, и у них эта звездочка нормально отображается, а я к примеру пятый год пользуюсь браузером Maxthon и он меня во всем устраивает, вот только на Хабре вместо звездочки — невидимый пробел. Ясно, что из за одного этого бага браузер я менять не буду, просто некоторое время не могла понять, как добавлять топики в избранное, пока один добрый хабрачеловек не подсказал что ошибка в браузере.
Я, конечно, понимаю, что целевая аудитория Хабра умнее, чем большинство юзеров, но я считаю, что сайты должны быть кроссбраузерными.
Допустим, 99% людей пользуется Firefox/Opera/IE/Chrome, и у них эта звездочка нормально отображается, а я к примеру пятый год пользуюсь браузером Maxthon и он меня во всем устраивает, вот только на Хабре вместо звездочки — невидимый пробел. Ясно, что из за одного этого бага браузер я менять не буду, просто некоторое время не могла понять, как добавлять топики в избранное, пока один добрый хабрачеловек не подсказал что ошибка в браузере.
Sign up to leave a comment.
Слепой ХаброЮзер