Jun 12 2009
HTML-криворукость
Отображение Google ВиО в Opera 10.00 Internal под Ubuntu Linux c черной темой
Я, конечно, понимаю, не у всех веб-дизайнеров есть возможность потестить свои творения на разных операционных системах (про разные браузеры я и не говорю — святая обязанность). Однако незнание законе не освобождает от ответственности. Незнающим говорю — есть такой замечательный сайт, благодаря которому вы можете увидеть свое творение под четырьмя операционными системами, под сотней браузеров (возможно, для некоторых сейчас произошло открытие, что браузеров более, чем один, а тем более операционных систем). Зовется он http://browsershots.org/.
Ну хрен с ними, с разработчиками средней руки. Но как такое может допустить гугл, тем более что правильный вариант содержит только пару стилями более?
Суть проблеммы в том, что они “забыли” задать цвет фона страницы и задать цвет шрифта и фона кнопок. Хотя про цвет кнопок виноваты скорее разработчики Opera. У них меняется цвет шрифта кнопки, в зависимости от темы, но остается цвет кнопки (что оказывается несовместимо со многими темами оформления, либо мешает корректному отображению). Похожая проблемма наблюдается в Mozilla Firefox, когда горе-верстальщики вспоминают-таки про шрифты, но напрочь забывают про цвет кнопки. В результате получается черный текст на черном фоне.
В связи с такой фигней я тему и прочее менять не намерен. Мое право.
P. S. Также начинающим верстальщикам настоятельно советую проверять код своего сайта на валидаторе: http://validator.w3.org/. Даже если везде все работает нормально, не факт, что вы не столкнетесь с выходом новой версии браузера, либо с нестандартной ситуацией (нестандартные настройки и т. п.).
P. P. S. В связи с ущербностью моего нового хостинга, хотлинк защиту отключить нельзя, из-за чего увидеть картинку и зугрузить полноформатный вариант можно только на моем сайте. В Google Reader это не прокатит.
June 15th, 2009 at 1:25 pm
И на старуху бывает проруха гугл не панпцея
June 17th, 2009 at 8:09 pm
Спасибо за линк, если честно не знал раньше о существовании такого сайта
June 17th, 2009 at 10:55 pm
forceful, к вашим услугам. Специально для этого и выкладывал.
June 20th, 2009 at 10:56 am
Спасио з а линк на этот сервис. Давно искал что то подобное
June 26th, 2009 at 5:29 pm
Я предпочитаю сайты с широким графическим наполнением, картинки и флеш-мувики во всех браузерах одинаковые, поэтому проблем с кроссбраузерностью не имею. А вот с разрешением мониторов - еще какие. Странно, что еще не придумали проект, который бы позволял тестить сайт при различных растяжках.
June 26th, 2009 at 11:39 pm
Lacran, растяжку можно самому проверять )) Меняй разрешение и смотри или оконо браузера стягивай и увидишь чего куда поплывет. Вот с браузерами со всеми совместить - это проблема. Сейчас конечно для совмещения уже куча сервисов появилась. Также стоит учитывать, что кое-кто еще выходит в сеть со старых браузеров, таких как ИЕ6. Вот с ними-то больше всего гемора. Они даже пнг криво отображают - тона полупрозрачности у них плывут.
June 27th, 2009 at 12:12 am
Профессор, баги верстки иногда появляются и на слишком большом разрешении. Например, боковая панель может стать больше дива с контентом и наплыть на неприжатый футер.
July 1st, 2009 at 9:47 pm
Валидатор не есть кроссбаузерность! Лучше обращать на это внимание, потому как та же Opera не всегда правильно отображает xHTML, про разные извращённые браузеры я уже и не говорю
July 1st, 2009 at 9:50 pm
Профессионализм верстальщика как раз и есть кроссплатформенность его работ! Но сложно что-то оценивать, когда делаешь проект небольшой. Конечно, ради дорогого заказа можно помучиться, но ради ерунды какой-нибудь.. наврятле…
July 2nd, 2009 at 5:39 am
Спасибо за сервис, очень помог))
July 2nd, 2009 at 2:45 pm
Да с этим проблемы и у меня
July 4th, 2009 at 1:46 pm
Это авторская статья?? если да автор как с вами можно связаться?? нужна верстка!
July 4th, 2009 at 2:26 pm
Да, это моя статья. Контакты на странице http://tsekhan.com/contact/
July 7th, 2009 at 4:00 pm
Спасибо, гораздо удобнее чем 4-мя разными браузерами
July 9th, 2009 at 11:05 pm
в браузере Lunascape встроено 3 движка. очень удобно тестировать когда оффлайн. для онлайна browsershots.org гут, спасибо
July 14th, 2009 at 11:11 am
Не совсем согласен, потому как сам убеждался, что такие сервисы не совсем точно отображают страницу. Например, в старых версиях в браузере едет вёрстка, а на скрине нет или что чаще наоборот!
July 14th, 2009 at 3:18 pm
Спасибо за ссылку на http://browsershots.org/
July 27th, 2009 at 3:29 pm
Спасибо за пост. А насколько HTML-криворукость критична для ранжирования результатов поиска в гугле, если в основных браузеров всё выглядит нормально?
July 27th, 2009 at 9:20 pm
HTML-код не важен для ранжирования в поисковых системах.
July 28th, 2009 at 11:32 am
Мутабор, почитай вот обсуждение:
http://www.nulled.ws/showthread.php?s=c9aa88051de09347bf48400cf81e643d&t=7864&goto=nextoldest
Если коротко - мнения по этому поводу разделились
Лично я думаю, что она не критична, но небольшое влияние таки есть
July 28th, 2009 at 3:36 pm
Возможно и не важен, но надо стараться всё делать не абы как. И потом весить страница должна поменьше - зачем невалидный код?
August 24th, 2009 at 2:32 pm
Опера вообще старый браузер, сейчас всё разработано в основном для Мозиллы. На оперу и эксплорер 6 уже и не глядят.
August 31st, 2009 at 6:36 am
Вставлю и я свои 5 копеек.
Насчет валидности верстки - по крайней мере яндекс на неё не смотрит, ему важен КОнтент. При клепании доров и создании шабов, никогда не смотришь на качество верстки и уж тем более на то,как дор выглядит в разных браузерах =)
А сервис действительно уникальный в своем роде
September 17th, 2009 at 3:43 pm
Я, конечно, не профи, но для меня и то не было новостью существование browsershots, всегда проверяю во всех браузерах, особенно когдпа приходится с Joomla работать (бывает и такое, да). А за ссылку на validator спасибо, обязательно попробую.
November 6th, 2009 at 4:10 pm
Спасибо за информацию и за ссылку - очень интересно.
November 14th, 2009 at 4:01 pm
Суть проблеммы в том, что они “забыли” задать цвет фона страницы и задать цвет шрифта и фона кнопок. -вотето просто убило =)
November 28th, 2009 at 5:03 am
после валидатора впадаешь в глубокое уныние.. ) а так вроде все пашет, хотя только в трех жалких браузерах ))
December 16th, 2009 at 10:19 pm
Спасибо за ссылку, сайт полезный. Хотя подгонять свой сайт под такое количество браузеров - это уже перебор, имхо
January 2nd, 2010 at 11:23 pm
А как же верстка на CSS? Разве это не панацея?
January 8th, 2010 at 12:52 pm
даже незнаю куча мнений)… я всёже склоняюсь к большенству сайт полезен и это так)!!!
January 10th, 2010 at 7:12 am
Спасибо за линк, очень интересный сайт о существовании коего ранее я представления не имела. Сайт в закладки, автору, большое человеческое спасибо
January 13th, 2010 at 8:57 pm
Блин…жалко нет эмулятора ОС…Например юникса.. )
January 19th, 2010 at 11:06 pm
А кто ж вам мешает его поставить?
January 20th, 2010 at 11:12 am
Лень((
January 26th, 2010 at 3:55 pm
Знал про сайт, незнал про такую тупость гугла
January 27th, 2010 at 4:20 pm
Спасибо за ссылочку, а то приходилось на своем ПК по 10 браузеров ставить, чтобы проверить.
January 28th, 2010 at 10:21 pm
В различных браузерах поразному выглядит но думаю что особой проблемы нет. пользуюсь тремя оперой фирефокс и хром от гугла все на ура. всем удачи
February 4th, 2010 at 4:06 pm
sergej, а как же IE? многие пользователи даже не подозревают, что может быть больше одного браузера. поэтому тестировать в ИЕ - первое дело))))
February 28th, 2010 at 12:54 pm
Всегда проверял вручную в четырех основных браузах (IE, Opera, Mozilla, Google) - теперь буду тестить на сайте. Спасибо за линк!
March 3rd, 2010 at 4:47 pm
Недавно дали сайт пошукать - с помощью ссылки, коей поделился автор статьи, нашел, что сайт плывет под оперой и хромом. Так что большое спасибо! (Ох, и навозился же я потом с этим сайтом)
March 4th, 2010 at 4:07 pm
Спасибо за линк, с удовольствием пользуюсь, ибо достало лазить по браузерам.