Pull to refresh

Comments 114

не согласен, ибо тоже люблю темные темы.
и не могу сидеть на них исключительно из-за сайтов с таким оформлением. плюсую товарищу.
товарищу я тоже плюсанул, но считаю, что раз уж применяешь нестандартные темы оформлений/шрифты/dpi то ругать других — последнее дело. Либо спокойно относись к этому как к издержкам любимых красивостей, либо откажись от красивостей/нестандартностей в пользу удобству.
нестандартные темы оформлений/шрифты/dpi
в КДЕ понятие «стандартная тема» абсурдно :)
откажись от красивостей/нестандартностей в пользу удобству.
так недалеко и до верстки под один браузер.
в КДЕ понятие «стандартная тема» абсурдно :)
Тем не менее, там есть default theme, уже не помню какая, когда-то была keramic, вылизанная разработчиками, в которой подобные глюки (на моей памяти) не происходили. Сейчас я использую гном, с одной из предустановленных тем, но я предпочитаю светлые темы, так что ваших проблем не испытываю, впрочем как и с кедами не испытывал.
так недалеко и до верстки под один браузер.
вы утрируете, друг мой. )
keramic, вылизанная разработчиками, в которой подобные глюки (на моей памяти) не происходили.
вы перекладываете с больной головы на здоровую. Проблема совсем не в системных стилях
вы утрируете, друг мой. )
я хочу показать, к чему приводит такой ход мысли.
Вы призываете использовать цвет текста, который будет одинаково хорошо читаться в обоих тонах?
UFO just landed and posted this here
Спасибо, Кэп. =)

p.s. а ещё призывают использовать стандартные контролы. (под стандартными я понимаю: со стандартными свойствами, цвет в них включается)
призываю прописывать color и background-color только в паре, или не прописывать совсем
Как-то сразу не подумал, Спасибо =)
Вот этой фразой хорошо было бы закончить статью.
третье предложение в заключении. Неужели слишком заковыристо написал?
Написали. Ключевое слово «закончить», в смысле что я бы поменял местами последнее и предпоследнее предложения местами. Так оно более побудительно. Но это мое ИМХО.
В любом случае спасибо за статью, буду иметь в виду.
UFO just landed and posted this here
UFO just landed and posted this here
и что же хорошего в том, что приложение выглядит инородно в любом окружении?
UFO just landed and posted this here
им никто и не мешает вписываться, кроме лени самого верстальщика.
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
А помойму на сайте Intel очень даже ничего. Притом что один цвет и на темном и на белом фоне
синий на темносером? Возможно, зависит от монитора, на моем это одно из самых вырвиглазных сочетаний
Это верно не только для input'ов, но и, например, для body. Как-то решил поменять цвет рабочей области в винде на серый и был весьма удивлен, что на многих сайтах цвет фона поменялся. Так что не забывайте ставить background-color для body в соответствие со своим дизайном, товарищи верстальщики.
тоже верно. Спасаюсь тем, что в огнелисе можно выключить использование системных цветов для фона страницы.
А вы не пробовали решить эту проблему настройкой user-css? Создать стиль, который будет жестко задавать цвета шрифта и фона input-полей и включить «режим пользователя» для стилей страниц по умолчанию?
это костыль, а не решение. Устранение симптомов вместо устранения проблемы. К тому же есть пользователи, которые не умею/не хотят разбираться с такими костылями
Костыль, не спорю. Но для своей собственной системы сойдет.
Это не костыль, ибо user-css грузятся в любом случае, а их настройка не является установкой костыля. И да, такое решение конкретно своей проблемы будет куда дешевле, чем уговорить (раскрыть глаза на проблему) всех верстальщиков.
В любом случае, делать нужно правильно.
UFO just landed and posted this here
W3C постоянно донимает при проверке CSS напоминанием о установке фонового цвета элементам o_O
Выражаю точку зрения верстальщика:
Слегка красноглазых линуксоидов в России — 0,96%, по миру — 0,79%. Некоторые из них (тут данных нет, но, думаю, много менее половины) используют темные темы оформления, имеющие описанную проблему.
По другую сторону ринга MacOS и XP-Vista-7, подобных проблем не испытывающие.

Решение проблемы — тяжелые и неповоротливые костыли в виде полной замены стандартных инпутов js-ными при помощи мегабайтных UI-фреймворков — попросту неоправдано.

Поэтому именно разработчики KDE должны позаботиться о наличии всегда белых инпутов в браузерах.
Слегка красноглазых линуксоидов в России — 0,96%
да да, линуксойды — миф, %username%
Решение проблемы — тяжелые и неповоротливые костыли в виде полной замены стандартных инпутов js-ными
посмотрите внимательно первый скриншот в таблице
Об этом долго писать, но если вкратце: inputы — не только простые текстовые поля, а еще чекбоксы, кнопки, и т.д.
Посмотрите, что будет в FF (и всех остальных), если назначить бэкграунд кнопке:
img2.pict.com/2c/64/76/3386085/0/untitled1.png
я знаю, что изменение фона меняет стиль на «стандартно-квадратный». Но это не влияет на читаемость текста. Если действительно хотите, чтобы кнопки и прочие элементы управления вписывались в дизайн, то нужно рисовать полностью свои, т.к. вид этих элементов различается даже в разных версиях венды, не говоря уже о других ОС.
Я еще не встречал случаев, когда *не надо*, чтобы элементы UI вписывались в дизайн.
Другое дело, что во многих проектах достаточно их стандартного «системного» оформления, несмотря на некоторые визуальные различия в разных ОС.

Но если в ОС по дефолту темный бэкграунд контролов, то дефолтный текст на них должен быть светлый, логично же. Это задача проектировщиков интерфейса ОС, не верстальщика.
Но если в ОС по дефолту темный бэкграунд контролов, то дефолтный текст на них должен быть светлый, логично же.
Так и есть. Но есть верстальщики, прописывающие цвет шрифта и не прописывающие цвет фона, о чем и разговор.
Разговор о том, что нельзя прописывать цвет фона, т.к. слетают темы оформления с элементов и они становятся прямоугольниками с серой рамкой. Это возвращает к необходимости кодить «одинаковые для всех» контролы, что делает сайт медленнее, тяжелее и дороже ради мизерного процента заинтересованных сторон (ок, я не говорю о конкретных ОС, проблема и в винде)

Решением, устраивающем всех, было бы назначение дефолтного цвета шрифта изготовителями тем оформления ОС. Как это даже в теории может касаться веб-разработчика?
Разговор о том, что нельзя прописывать цвет фона, т.к. слетают темы оформления
Вы подходите с к проблеме с конца, как будто у вас уже есть задача прописать фон. На самом деле это не задача, а средство.

Давай рассмотрим три типа сайта:
1) 2 кнопки на весь сайт. Понятно, что кнопки должны быть системными, нет смысла городить свое, и пользователю будет привычнее. Решение: ни в коем случае не прописывать ни фон не цвет текста.
2) Много-много кнопок и полей ввода на сайте. Они должны как-то коррелировать с темой оформления самого сайта (ну, gmail, например) Решение: нужны свои, кастомные кнопки.
3) Частный случай второго типа — много кнопок, но их стиль описывается фразой «серый прямоугольник» (пример — хабр). Решение: Использовать нормальные кнопки, задать у них цвет текста и фона.

Вот, среди этих трех видов нет такого, где нам нужно было бы задать одно свойство и не задать другого.

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

Я пишу про кнопки, но тоже самое справедливо и для инпутов.
Вопрос не в прописывании всюду фона, а в прописывании либо и цвета текста и фона, либо ни того ни другого. Про долю операционных систем — это вы вообще мимо.
О, господи, откуда у вас буква «й» в слове «линуксоид» берётся всё время?
Оттуда же, откуда и сплошные «андройды» кругом.
Поэтому именно разработчики KDE должны позаботиться о наличии всегда белых инпутов в браузерах.
«именно домоуправление должно позаботится об исправности лампочки в моем сортире» :)
туда мне еще рано. Просто нужно проверять, что пишу
А то что под виндой можно сидеть на темной коже — вы забыли?
Я в курсе. Но это ничего не меняет: цвет текста на контролах должен задаваться «кожей», и это не должно касаться верстальщика.
Либо недостаток в самой ОС не позволяет задавать дефолтный цвет шрифта, либо это недостаток конкретной «кожи», либо это факап разработчиков браузеров, которые жестко задали цвет текста черным.
цвет текста на контролах должен задаваться «кожей», и это не должно касаться верстальщика
Он задается кожей, вм 10 раз об этом сказали. Но верстальщик может его изменить. И когда он меняет его, но не меняет фон, или наоборот, это его, верстальщика, факап.
Верстальщиков много, а автор поста у себя один любимый. Всех верстальщиков грамоте и пониманию не научить. Проще перевешать. Поэтому если хочется юзать что-то необычное (броузер, цветовую схему, нетрадиционный секс), не следует обвинять других в отсутствии гармонии с окружающим миром.
Из-за особенностей глаз и монитора использую темные темы. Радует хром, который не имеет подобной проблемы, но сидя на фаерфоксе весь исплевался. Надеюсь, правда хоя бы полтора человека прислушаются.
UFO just landed and posted this here
поправил. Хотя выглядело логично, ведь на скриншоте как раз «тест» :)
UFO just landed and posted this here
ctrl-f «тест» и найдете еще три места где поправить надо :)
проверил стартовую установку стилей в css корпоративного framework.
ага, всё ок, стоит background-color, родненький :)
а color стоит? Или тоже получится, как на последнем скрине с хабракнопкой?
да, вот так у меня:

input[type="text"],input[type="password"],input[type="email"],input[type="url"] {padding: 2px; border: 1px solid #ccc; background: #fff;}
...
body,input,textarea {color: #000; normal 1em/1.4 Corbel, Tahoma, Geneva, Kalimati, "DejaVu Sans Condensed", sans-serif;}
А что это за input[type="url"] у Вас такой? Вроде так должно быть.
Пардон, я пока возможности HTML5 рассматриваю вскользь по причине временной невозможности использовать их в реальных проектах без использования костылей для большинства современных браузеров.
UFO just landed and posted this here
Да, всегда бесила эта неприятная мелочь, тоже люблю темные темы.
Если печетать быстро русский текст на клаве без русских букв научился сразу, то писать черный текст на черном фоне как то неудобно :)
фон может быть не только белым или черным, они может быть серым, и если на странице не прописан background-color — получается жутко некрасиво
Тоже сижу на темных кожах (между прочим, сижу почти все время в виндах) и тоже мучаюсь от этой проблемы.

Но я сделал так -в настройках файрфокса сказал «использовать мои цвета» — и сделал фон темным, текст светлым. В результате я вижу в основном текст, кнопки и картинки, вставленные через тег Img (а то что вставлено через свойство background-image — ФФ в таком режиме не показыавет). В итоге извраты дизайнеров и верстальщиков вообще мне не виды, и я вижу главное — ТЕКСТ. И в input'ах — все рисуется тоже моими цветами.

Если какая-то страница для каких-то контролов использует background-image (как например на хабре — стрелочки для прибавления голосов посту или добавлению в избранное) — временно отключаю режим «мои цвета». Для этого переключения использую Web Developer Extension — оно добавляет свой тулбар, в нем использую Отключить->«Отключить цвета страницы» (снимаю там галочку, и страница сама перезагружается).

Но 99.9% времени провожу в режиме «мои цвета»
Если изменять цвет фона (или бордеры) инпута, то браузер начинает рисовать элемент в oldschool-стиле, что выглядит не очень хорошо и конечно не совпадает с концепцией «юзер должен видеть свои системные контролы», которой многие придерживаются, хотя, если менять цвет шрифта такого не происходит, что и даёт незадачливым верстальщикам делать с цветом текста, что им заблагоразумится : D
заглянул в свой reset.css, там прописанно background: transparent. что это даст в вашем кде — цвет родителя или системный цвет?
фон элемента на котором лежит этот элемент, по идее
должно давать фон родителя. КДЕ тут в общем ни при чем, это браузер решает. Просто этот самый браузер использует стандартные цвета из системной темы
Ну и не забываем — что многие практики по CSS говорят — НАЧИНАЙТЕ СВОИ CSS-ПРАВИЛА С RESET — то есть с набора правил, которые сбросят в все настройки css в что-то ожидаемое (вот еще пример). Как правило, каждый вменяемый и профессиональный верстальщик уже имеет reset.css который подключает во все свои проекты. Вот туда и надо добавить что-то типа (не проверял)

* { color: black; background: white; }

и продолжать копировать этот reset.css из проекта в проект. И тогда будет мир во всем мире.
reset.css — зло. За него надо отрывать руки. Потому, что глупо сначала сбросить стили у десятков элементов, а потом ставить их все назад. Куча кода который ничего полезного не делает.
Лучше добавить кучу кода, которая будет отрабатывать различия в бокс-моделях.
Начиная с ИЕ6, боксовая модель у всех браузеров соответсвует W3C (ну конечно ИЕ6 иногда съедает паддинги и маргины, или наоборот. удваивает, но по идее модель там стандартная).
>но по идее модель там стандартная
по идее ie6 и html поддерживает, а на деле выходит непонятно что :)
Сайты — это одна среда, операционка — это другая среда. Нет смысла тянуть какие-то отдельные цвета из одной среды в другую по принципу «здесь играем, здесь не играем, здесь рыба лежала».

Настройки же цветов ОС не меняют цветовые схемы на сайтах? Так почему они меняют фоны?

К сожалению, да, это придется (в какой-то степени) учитывать верстальщикам, просто наезжать автору нужно было на разработчиков браузеров, которые «по приколу» вырвали несколько цветов из ОС и вписали их в сайты, без какой либо системы.

Система была бы, если бы эти цвета передавались CSS и последний мог бы анализировать и модифицировать их для построения цветовой схемы сайта. Такого не существует. Я не уверен что даже JS способен узнать какой он на самом деле — этот «Background» цвет.

Да, W3C со мной согласен: «The System Colors are deprecated in the CSS3 Color Module» www.w3.org/TR/CSS2/ui.html Проще говоря, понимают, к чему это привело.

Что неприятно удивило — даже Yahoo CSS Reset не учитывает этой проблемы (фоны INPUT). В принципе, глядя на скрин от lashtal — догадываюсь почему:

reset лишь сбрасывает, «Весь мир дефолта мы разрушим, до основанья, а затем...» :)

по-сути в начале css мы всегда дожны задавать все базовые стили для всех элементов, а reset — лишь оптимизация сброса в null повторящихся стилей (margin: 0; padding: 0; border: 0; ...), чтоб не писать это у огромного числа элементов.

т.е. reset это лишь первая часть, за которой обязательно должна идти вторая — с указанием своих стилей по-умолчанию.
в ресете от Yahoo указывается background: transparent. я вот пытаюсь выяснить, решает ли это проблему автора статьи или нет?
ага, я накосячил, у меня ресет не от YUI
прошу прощения
Сайты — это одна среда, операционка — это другая среда.
это уже зависит от автора сайта. Либо он хочет просто донести информацию и не выпендриваться, либо делает полностью свое оформление. А проблема возникает, когда второй вариант не доводят до конца.
«по приколу» вырвали несколько цветов из ОС и вписали их в сайты, без какой либо системы.
это почему без системы? Цвет фона + цвет текста, вполне логично. Так же и контролами, системный стиль + системные цвета. Все логично.
«Либо он хочет просто донести информацию и не выпендриваться»

Он хочет донести информацию и потратил время, чтобы подобрать хорошие цвета и расположение (то, что Вы называете «выпендриваться»), в которые браузер зачем-то подмешал какие-то куски из цветов ОС.

«это почему без системы?»

Потому что сейчас есть только два варианта. 1. Сайт только из системных цветов (идиотизм) — совершенно неожиданно как будет выглядеть. 2. Сайт только из продуманных дизайнером цветов.

Однако браузеры взяли второй вариант (дизайнера) и подмешали в него втихоря первые какие-то(!) цвета. В результате и получается глупость. Это и есть «отсутствие системы».

Это примерно как если я бы поменял ширину окна winamp, а у меня в результате сжался бы логотип Хабра по ширине — связи никакой ровно настолько же насколько «фон input = цвет обоев десктопа».
в которые браузер зачем-то подмешал какие-то куски из цветов ОС.
Пусть укажет и фон элемента (цвет текста, смотря что не указал), тогда никто цвет системы не будет подмешивать.

и подмешали в него втихоря первые какие-то(!)
Что значит втихоря? Есть цвета по умолчанию, они системные. Не переопределил какой-то цвет, он будет по умолчанию. Переопределил только часть цветов, цвета будут перемешаны. Тут даже Капитан справился бы.
Однако браузеры взяли второй вариант (дизайнера) и подмешали в него втихоря первые какие-то(!) цвета.
так и представил, как браузер, злобно хихикая, в тайне от пользователя переписывает css. Что-то не припомню, чтобы в каком-либо стандарте был прописан дефолтный цвет текста, фона и дефолтный вид контролов.
ровно настолько же насколько «фон input = цвет обоев десктопа».
при чем тут цвет обоев? о_0
Вот почему-то вы не придрались к основному белому цвету страниц всех упомянутых сайтов, который на всеобщем тёмном фоне экрана будет жечь глаза.
Я думаю, что браузер должен приспосабливаться к визуальной теме десктопа, а сайты в таком случае вообще должны указывать конкретные цвета по минимуму и пользоваться специальными названиями системных цветов.
белый фон не так страшен, если часто не переключаться, об этом я написал. Окно браузера обычно занимает большую часть экрана и глаза нормально приспосабливаются к яркости фона.
Да, когда использовал темную тему, тоже бесило. Я сам верстальщик, кстати, и никогда так не грешил. Правда.
Валидатор CSS ругается, если задать цвет текста, и не задать цвет фона, и наоборот.

P. S. На лепре такой же косяк.
Зацените, минус за лепру получил. Что я, блядь, не так сказал?
Холивар, холивар!

С одной стороны поддерживаю автора. А с другой стороны, как верстальщик, посылаю луч поноса всем, кто использует недефолтные цветовые схемы в ОС.
Но и вы нас, верстальщиков, поймите правильно. Мы — люди подневольные и наша задача копать от забора и до обеда.
Тоесть, зачастую мы не можем повлиять на дизайн сайта — наша задача его просто сверстать.
И проблем с формами нам и без «красноглазых файерфоксов с стрёмными цветовыми схемами» хватает выше крыши.
Мы бы с радостью говорили дизайнерам — такие кнопочки лучше не юзать, лучше отрисуй кнопки в стиле сайта, тогда везде будет красиво, но нас никто не слушает.
Это всё потому, что в проектах мнение дизайнера является более весомым, нежели мнение frontend инженера. А дизайнер не шарит по-определению.
Исключение — Яндекс, я слышал, там frontend спецы в иерархии выше дизайнеров, и это правильно.
И вот пока всё делается через жопу, таков и будет результат.

«Маемо, що маемо» (с) Кучма

p.s. А вообще, всё вышесказанное — попытка обелить верстальщиков. Всё гораздо проще — всем (верстальщикам, менеджерам, руководителям проекта) наплевать на проблемы группы пользователей, количество которых не превышает статистической погрешности.
Угождать всем просто невыгодно.
Мы бы с радостью говорили дизайнерам — такие кнопочки лучше не юзать
а зачем вообще нужно менять цвет текста на кнопочках? Неужели стандартная кнопка с темносерым текстом лучше впишется в дизайн, чем точно такая же, но с черным текстом?
«А дизайнер не шарит по-определению.»

странные у вас дизайнеры, они про юзабилити ничего не слышали?
Анаолгично двойственное чувство.
С одной стороны — reset.css — обязательно должен иметь место.
С другой — если юзер любит схемы «вырви глаз», несправедливо лишать его этого удовольствия, даже если оно кажется извращением (или является таковым)
зачем переделывать мир. Ваша проблема решается настройкой в браузере своих стилей
вы не учли, что это не только моя проблема :)
Все говорят что нужно использовать стандартные контролы, а потом сами же их перерисовывают. Хотели сделать красиво а получилось как всегда. Ваши примеры это недоделки они будут всегда. Поэтому тут проще адаптироваться Вам к ним.
я не настолько наивен, чтобы полагать, что один пост изменит мир. Просто накипело :)
Нет. Это только ваша личная проблема. Вы ее сами лично, своими собственными руками создали, вы лично испытываете головную боль от нее, вы лично тратите время, нервы, килобайты постов. Ваша боль и ваше негодование никому не мешает наслаждаться жизнью при соблюдении элементарных правил техники безопасности
— мойте руки перед едой и после туалета
— избегайте случайного секса
— не ешьте и не пейте сверх нормы
— не переходите дорогу на красный свет
— НЕ ТРОГАЙТЕ ДЕФОЛТНЫХ НАСТРОЕК БЕЗ ПОНИМАНИЯ ПОСЛЕДСТВИЙ!
Нет. Это только ваша личная проблема.
вы настолько глупы, что полагаете, будто я один использую темные темы? Или настолько слепы, что не видите других комментариев? Или вы просто тролль, которому не хватает еды?
Вы ее сами лично, своими собственными руками создали
ну что вы, я не такой профи, чтобы верстать сайты adobe, microsoft и intel
— НЕ ТРОГАЙТЕ ДЕФОЛТНЫХ НАСТРОЕК БЕЗ ПОНИМАНИЯ ПОСЛЕДСТВИЙ!
да да, и браузер все должны использовать только дефолтный, в нем самые правильный стандарты. И вообще, давайте все на гвозди прибьем, на всякий случай.
>ну что вы, я не такой профи, чтобы верстать сайты adobe, microsoft и intel

Если вы можете обойтись без этих сайтов — плюьньте на них. Если вы не можете обойтись без этих сайтов — пльньте на свою цветовую схему и восстановите дефолтную.

>да да, и браузер все должны использовать только дефолтный, в нем самые правильный стандарты.
Вам стандарты нужны или сайт поюзать? Если первое — то забудьте про интернет. В нем валидных сайтов почти нет.

>вы настолько глупы, что полагаете, будто я один использую темные темы?
Ну что вы. Я знаю что многие лезут туда куда не надо, а потом обвинять в последствиях кого угодно кроме собственной глупости.

>Или вы просто тролль, которому не хватает еды?
вам виднее.

цвета должны устанавливать создатели сайта, если вы меняете что-то — это, получается, уже ваши проблемы…

то есть если вам нравится темные кнопки и окошки — надо самому делать текст в них светлым, переопределяя css на сайте, не знаю ли, возможно ли такое в вашем случае…
то есть если вам нравится темные кнопки и окошки — надо самому делать текст в них светлым,
почему я должен доделывать работу верстальщика вместо него?
потому что стандарт — светлые :-)

ну просто доля людей, использующих темные интерфейсы настолько мала, что их мнением можно пренебречь без каких-либо проблем для сайта, без обид…

так же как пренебрегают порой пользователями linux (или mac os в России), если вы используете что-то нетрадиционное — будьте готовы к глюкам, потому что это не тестировалось и вряд ли когда-нибудь будет…

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

спасает то, что обычно разрабатывают
потому что стандарт — светлые :-)
где такое прописано?
Т.е. вы считаете, что данному начинанию (просветлению в виде топика) следует препятствовать и винить самих пользователей?

Зоя Березкина: Товарищ профессор, прошу вас, не делайте этого эксперимента. Товарищ профессор, опять пойдет буза…
Профессор: Товарищ Березкина, вы стали жить воспоминаниями и заговорили непонятным языком. Сплошной словарь умерших слов. Что такое «буза»? (Ищет в словаре.) Буза… Буза… Буза… Бюрократизм, богоискательство, бублики, богема, Булгаков… Буза — это род деятельности людей, которые мешали всякому роду деятельности…
Маяковский.
>что данному начинанию (просветлению в виде топика)
В чем просветление-то? В том что верстальщики в массе своей не пользуются сбросом или в том что сброс дефолтных настроек всегда чреват?
В том, что полумеры приводят к страшным последствиям. Либо не трогай, либо делай все под себя. Я это в каждом сообщении пишу, задолбался уже.
Ну вот автор сделал все под себя и теперь винит в последствиях весь белый свет. Вместо того чтобы оставить дефолт.
Эм… Ну насколько я понял автор это и имеет ввиду…

Именно создатели сайта должны указывать цвета, но если их указывать, то указывать все цвета, а не половину.
не видел, чтобы системные цвета напрямую использовались при верстке. К тому же, они deprecated в css3, как уже говорили выше
Sign up to leave a comment.

Articles