Comments 56
Респект! Воистину, все гениальное — просто!
0
А вот ещё один безумно удобный инструмент
Добавляем в закладки то, что скрывается под кнопкой Yaml debug и наслаждаемся результатом перехода по ней на разрабатываемой странице.
Добавляем в закладки то, что скрывается под кнопкой Yaml debug и наслаждаемся результатом перехода по ней на разрабатываемой странице.
+27
А можно скриншот приложить?
+5
К сожалению, border (в отличие от outline) имеет физическую толщину, и его употребление приведет к проблемам вёрстки, то есть попытка найти одни проблемы может привести к возникновению других.
А так — хороший способ для Opera и Webkit
А так — хороший способ для Opera и Webkit
+2
Что могу сказать если такая вложенность при верстке, значит что то там уже не так :)
А так способ полезный
А так способ полезный
-9
Ну до конца может и да, но вложеность 5-6 вполне обычная
+3
Вы просто со сложными дизайнами не сталкивались, а так же с оптимизацией верстки. Уровень вложенности 5-6 норма.
+2
Проблема в том, что баги обычно и приходится искать в IE :)
+5
Попробовал, ничего особенного.
+1
UFO just landed and posted this here
Много визуального шума. Мне кажется проще добавлять outline только к элементу который нужно проверить, который потенциально вызывает проблемы.
0
Для элемента который нужно проверить ничего лучше FireBug выдумывать не нужно.
+13
UFO just landed and posted this here
Отличный метод, спасибо! =) Нужно будет подумать о яваскрипт альтернативе в IE
-1
Если додумать концепцию и допилить с пом. js — можно раскрасить своим цветом каждый элемент (div, p, input, и т.д.) и отображать уровень вложенности яркостью цвета линии и/или типом линии (dotted, dashed и т.д.).
Я всегда пользуюсь примитивным * {outline: 1px solid red;} (или бордер для IE).
Кстати хороший способ протестировать качество разметки: оно хорошее, если разметка не разваливается при
* {border: 1px solid red;}
Я всегда пользуюсь примитивным * {outline: 1px solid red;} (или бордер для IE).
Кстати хороший способ протестировать качество разметки: оно хорошее, если разметка не разваливается при
* {border: 1px solid red;}
0
С этими браузерами и так проблем не особо много. Основная — с IE6.
+1
Для FF есть WebDeveloper, в нём Outline->…
И там на любой вкус. И block level elements, и frames, deprecated, tables etc.
И там на любой вкус. И block level elements, и frames, deprecated, tables etc.
+8
Если в IETester никак не получается использовать Developer Toolbar, то в Internet Explorer VPC Image уже все включено.
0
а может лучше?
*:hover { outline: 2px dotted red; }
* *:hover { outline: 2px dotted green; }
* * *:hover { outline: 2px dotted orange; }
* * * *:hover { outline: 2px dotted blue; }
* * * * *:hover { outline: 1px solid red; }
* * * * * *:hover { outline: 1px solid green; }
* * * * * * *:hover { outline: 1px solid orange; }
* * * * * * * *:hover { outline: 1px solid blue; }
+20
и чем лучше?
:hover можно прицепить только к ссылкам
:hover можно прицепить только к ссылкам
-15
Отличная идея, в Firebug такого режима еще нет.
0
Гениально! Черт :)
-1
UFO just landed and posted this here
Для ie можно использовать не border, а background, например.
0
кккк
-8
Отвратительно. Лучше юзать developer bar'ы. А для IE бордер вообще гениально, так как обрамить элемент обводкой, расширяя тем самым элемент и развалить всю верстку — это круто о_О.
frujo, бросьте это решение в унитаз. Мало того, что оно мало чем полезно, не кроссбраузерно и может перекрывать родные аутлайны, так оно еще и в глазах мельтишит.
По поводу developer bar'ов: он есть или можно подключить в ie, opera9+, ff, safari3+. В chrome поведение как в сафари, так что инструменты разработчиков есть во всех популярных браузерах. Итак, зачем нужен этот CSS?
frujo, бросьте это решение в унитаз. Мало того, что оно мало чем полезно, не кроссбраузерно и может перекрывать родные аутлайны, так оно еще и в глазах мельтишит.
По поводу developer bar'ов: он есть или можно подключить в ie, opera9+, ff, safari3+. В chrome поведение как в сафари, так что инструменты разработчиков есть во всех популярных браузерах. Итак, зачем нужен этот CSS?
-6
Может, мне просто нужно что-то исправить с домашнего компа, а не с рабочего. Мне устанавливать плагины на ВСЕ браузеры на компе, который для работы я использую только в КРАЙНИХ случаях (~1раз в месяц)?
(частный случай, но можно ещё десяток привести)
(частный случай, но можно ещё десяток привести)
0
UFO just landed and posted this here
UFO just landed and posted this here
Я для отладки в IE использую FireBug Lite. Он подключается как внешний JS. Очень удобно.
0
В опере есть замечательная фича — «видимый контур элементов» Делает тоже самое, но не нужно лесть в css, и другие классные фичи там есть (это в кнопке «режим автора»)
0
Sign up to leave a comment.
Простой способ провести CSS-debug