Математика и секс
Март 23rd, 2012

3D-отладка в Firefox

Немного программистского.

Понадобилось разобраться в CSS страницы одного из проектов, над которым я работаю. Некоторое время назад я перелез с Opera на Firefox, ну и решил посмотреть что там есть для исследования таблиц стилей. Нажал на «Исследовать элемент», стал тыкать кнопочки, а там — красота. Страницы в 3D-виде, вся вложенность боксов отмечена высотами, элементы разных классов отмечены разными цветами «стен». Дико красиво, и наверное удобно (по крайней мере теоретически из трехмерной структуры страницы можно что-то и увидеть). Может быть это все конечно уже протухшая новость (верстальщики наверняка до меня знали, я же сам версткой занимаюсь раз в пол-года, а то и реже), но меня это все очень обрадовало. Вот просто несколько скриншотов, так чтобы все заценили:

Скриншоты кликабельны. Пока пробовал это только под рабочей Windows 7, дома попробую под домашней Ubuntu. Думаю, довольно приятно будет в таком виде просматривать порносайты.

4 комментария »

  1. Ааа, в кнопке «мне нравится» аж 9 этажей!

    Comment by muffin — 23.03.2012 @ 14:18
  2. это не удобно. гораздо удобнее смотреть в нормальных Developer Tools в Chrome или в FireBug в FireFox

    Comment by Старков Владимир — 23.03.2012 @ 14:56
  3. Согласен с Владимиром Старковым. На мой взгляд, это просто понтовая «свистелко-перделка». Зачем смотреть на эту 3д страницу? Увидеть вложенность — и что дальше? И вообще, изучать вложенность элементов на странице имеет смысл только для чужих страниц, и то удобнее будет увидеть вложенность с помощью границ и заливок (что имеется уже сто лет), а в своих страницах верстальщик и так должен знать, что где лежит.

    Comment by tralala — 23.03.2012 @ 16:11
  4. Ром, запили же наконец плагин к своему блогу для нормального просмотра изображений, сил нету смотреть картинку в новой вкладке

    Comment by Дмитрий — 23.03.2012 @ 22:01

RSS feed for comments on this post. TrackBack URI

Оставить комментарий

This work is licensed under GPL - 2009 | Powered by Wordpress using the theme aav1
SEO Powered by Platinum SEO from Techblissonline