New Firefox Extension: X-Ray
by Stuart Robertson on January 6th, 2006 | tools, web design
One of my New Year’s resolutions was to create an “interesting script, plugin, extension, or widget.” I didn’t think I’d write a Firefox Extension only six days into 2006, but after writing about using the CSS :before and :after pseudo elements to create CSS Curly Quotes, it got me thinking about other uses for that technique. I thought that wrapping the elements on a page with the actual tags from the sourcecode might be a good tool for learning and debugging, but wasn’t sure how to go about creating an extension. Fortunately, I found a great tutorial at roachfiend.com and with a little trial and error, I’ve finished my first extension.
The X-Ray Firefox Extension let’s you see the tags on a page without viewing the sourcecode.
Install X-Ray Extension for Firefox
One installed the X-Ray command is available by right-clicking as well as in the Tools menu. When applied to a page it can help you see how the document was constructed without having to go back and forth between the sourcecode and the page in your browser. Is that list made of li dd or p elements? Is that an h3 tag or just some bolded text? X-Ray shows you what’s beneath the surface of the page.
While I create webpages all the time, there’s something about writing a piece of code you have to install that’s very satisfying. Even better was finding that it was actually something I’d find helpful myself.
For version 0.5 the current list of supported tags is: h1, h2, h3, h4, h5, h6, p, ol, ul, li, dt, dd, font, div, span, blockquote, pre, a, b, i, strong, em. If some other people find this extension useful, I’ll probably add support for more tags, and possibly experiment with adding some other enhancements as well.
Update
By request from the nice folk at digg.com here’s a screenshot of the extension in use:
Donations to The X-Ray Tip Jar are greatly appreciated.
Hope Open Bible of Orlando (Blogspot) on November 30, 1999 at 12:00 am
Kevin on January 6, 2006 at 10:16 pm
Congratulations! I admire your commitment to you New Year’s Resolutions. The best thing to do is get them done right away, before you lose all the momentum from the holidays, right?
Now, what you have to do is work on an application that will automatically put your blog posts at the top of every Weblog Search Site (like Technorati) and you’re in business
JB on January 10, 2006 at 1:31 pm
Thanks for the great extension! I’m already using it obsessively!
Linda on January 10, 2006 at 1:34 pm
Experiment do. I have no wise words to leave you with, just a pat on the back! This is one the most creative yet practical apps I’ve seen recently. Keep it up up up!
Steve on January 10, 2006 at 2:03 pm
Cheers Mate,
Congradulations on the quick completion of your new years resolution. The extension is a nice addition to firefox, it would be nice if there was a screenshot of it being used on this webpage so people knew what they were installing before they did. People love screenshots.
Nand on January 10, 2006 at 2:10 pm
Nice, but buggy.
Installed, restarted, used on this page. Right click is broken, the context menu jumps around (apparently near the top of the container that was clicked.) Try right-clicking on some comments near the bottom of the page.
Stuart Robertson on January 10, 2006 at 2:24 pm
Thanks very much everyone! I’ve added a screenshot so people can see what the extension looks like in use. If you haven’t gotten them already, you should also check out the Top 5 Firefox Extensions for Web Designers—these are all essential downloads.
Nand—I haven’t run into any issues like that. The code for the right-click is straight out of the roachfiend.com tutorial.
Josh on January 10, 2006 at 2:26 pm
Nice. But um. how do you disable it? I can’t un x-ray….
Stuart Robertson on January 10, 2006 at 2:29 pm
Un X-raying is easy. Just reload the page.
KDK on January 10, 2006 at 2:30 pm
just refresh the webpage and its un x-rayed
KRS on January 10, 2006 at 2:56 pm
This is cool. Now please post it on the official Firefox extensions site so I can download it; until then we don’t know who the heck you are.
Amit Agarwal on January 10, 2006 at 2:59 pm
The idea is nice but I find little practical use.
If this extension tells me the attribute value pair associated with a tag – nothing will beat it.
Stuart Robertson on January 10, 2006 at 3:03 pm
It’s admittedly not anywhere near as complex as some other extensions like Aardvark or the Web Developer Toolkit. I’d say it’s probably more useful to people getting started with web design and development—rather than seasoned professionals.
Mmmm. Seasoning.
pickupjojo on January 10, 2006 at 3:06 pm
Wow, really nice extension. Good job.
michael on January 10, 2006 at 3:37 pm
That’s very clever. You might consider adding a toolbar button (toggle) to future versions.
Nicely done!
Nand on January 10, 2006 at 3:42 pm
Stuart,
I went through my other installed extensions, and it seems to be caused by the SessionSaver. Weird.
Nand on January 10, 2006 at 3:47 pm
Apologies for replying to myself, but I noticed the problem doesn’t occure on other sites, even with SessionSaver enabled.
Rightclicking on this site seems weird in any case, as the frame surrounding the comments starts to highlight when you right click on the content. The context menu also seems to lag somewhat on this page.
No idea what’s causing this. Your extension works great on any other page however, so thanks!
john on January 10, 2006 at 3:59 pm
Cool! I want it on all the time! Perhaps an option for that should be added?
Nand on January 10, 2006 at 4:43 pm
Another thing I’m noticing: When highlighting text and using the right-click context menu, XRay takes over the position of “Copy.”
That made me fill the page with HTML markup instead of copying the text I wanted to
meneame.net on January 10, 2006 at 4:47 pm
Rayos X para Firefox…
Una nueva extensión nos muestra de un simple vistazo los tags de la web que visitamos sin tener que andar mirando el código fuente. Proporciona información muy interesante para diseñadores y curiosos….
Nand on January 10, 2006 at 5:31 pm
The extension also doesn’t work on GMail pages for me. All the HTML of the GUI is missed as it’s not referenced in the webpage source.
Ray Debs on January 10, 2006 at 5:33 pm
Works great on simple pages, but not so great on framed sites. Any ideas?
Thanks for the great extension!
Ray
Trejkaz on January 10, 2006 at 7:08 pm
Main problem with this thing is that it completely obliterates any existing :before and :after elements.
stacee on January 10, 2006 at 7:09 pm
This is great and extremely useful; thanks so much! Also, congrats on finishing your resolution so early in the year.
Nate Koechley on January 10, 2006 at 7:19 pm
Hey, nice extension. Thanks for sharing it.
One feature request: it would be outstanding to be able to do the parallel of “view selected source”, in other words just X-Ray the markup within or nearby what I’ve selected on the page.
For my uses, targeting a region as I suggest would do wonders for the “signal to noise” ratio.
Happy 2006!
Nate Koechley's Blog on January 10, 2006 at 7:29 pm
Firefox Extension: X-Ray…
Stuart Robertson makes good on one of his New Year’s Resolutions by creating and publishing his X-Ray extension for Firefox.
It’s a nifty little extension that uses CSS’s :before and :after pseudo-classes to expose the markup on a p…
femmebot on January 10, 2006 at 8:37 pm
“The X-Ray Firefox Extension let’s you see the tags on a page without viewing the sourcecode.”
Nitpick: It’s lets, not “let’s”
Stuart Robertson on January 10, 2006 at 8:53 pm
I’m terrible with ’s and words with double letters!
Can You Digg It? | Design Meme on January 10, 2006 at 9:22 pm
[...] After publishing the X-Ray extension for Firefox last week I wasn’t exactly sure how to let people know about it. I applied to have it listed at addons.mozilla.org, but they’ve recently updated their policies and no longer accept extensions with external update URLs. That meant I’d have to republish the extension, and I hadn’t really wanted to do that unless I was adding some new features as well. So for the time being, mozilla.org wasn’t an option. [...]
Sean on January 10, 2006 at 9:46 pm
This is awesome.
One thing: the tag text is black, so it doesn’t show up on black backgrounds. Perhaps some way to make it white?
drew on January 10, 2006 at 10:56 pm
Very cool! If your interested in expanding features with it, it would be cool if we could select what tags it displays.
Merlist » Blog Archive » New Firefox Extension:X-ray on January 10, 2006 at 11:46 pm
[...] I just found one of my new favorites- X-ray. This one is for anyone who has ever had to view the page source for a web page. I usually do that when I am wondering how something on a web site was coded in html. [...]
R on January 11, 2006 at 1:35 am
Nice idea. Great choice of name :). Make sure you submit it to update.mozilla.org
Autour du Web et de ses technologies on January 11, 2006 at 3:02 am
X-Ray, une extension bien pratique…
X-Ray est une extension créée pour Mozilla Firefox permettant de voir certaines balises HTML d’une page sans avoir à en lire la source.
Elle est donc bien pratique pour décrypter la construction d’une page….
Richard Tallent on January 11, 2006 at 3:10 am
Nifty! Suggestion: style the inserted tags so they are less obtrusive. As an example, check out the similar idea I had a few years ago for an HTML rich text editor (http://www.tallent.us/blog/commentview.aspx?guid=8ff88e06-d406-42ed-8098-dfdb9b9d680d)
Simon on January 11, 2006 at 3:14 am
Lovely, can’t wait for more tags to be added.
Nice work.
downloadblog on January 11, 2006 at 3:57 am
X-Ray: estensione di FireFox per visualizzare i tag CSS…
X-Ray è un’interessantissima estensione per FireFox molto utile per chi si diletta con il codice CSS.
Modificare il codice CSS di una pagina già “implementata” richiede un’attenta analisi del codice della pagina per capire q…..
Blogsumer » Tags bekijken met X-Ray on January 11, 2006 at 4:52 am
[...] Een handige Firefox-extentie als je bijvoorbeeld bezig bent met het verfijnen van themes voor je weblog is X-Ray. Ik liep er tegenaan op de weblog Design Meme. Nu gebruik ik vaak Beeld/Pagina Bron in Firefox om te kijken wat er precies fout zit met een bepaalde HTML-tag. Met X-Ray kun je tags bekijken terwijl de betreffende pagina nog gewoon zichtbaar is. Een simpele reload zorgt ervoor dat de tags weer verdwijnen. De huidige versie ondersteunt nog lang niet alle tags, maar ik vind hem toch handig in gebruik. [...]
sk1e on January 11, 2006 at 4:53 am
really great extension, keep on!
Daniel Goldman on January 11, 2006 at 9:41 am
Take a look at Opera’s “Author mode”, in which you can have many different settings which allow you to see tags among other useful debuging stuff.
RWo 2k5 on January 11, 2006 at 11:54 am
Digg 2006-01-11…
SawStop – eine Kreissäge, die bei Kontakt mit organischem Material innerhalb von Sekundebruchteilen stoppt und verschwindet. Genial.
Gnash – Open Source-Flash Player mit Support für SWFv7.
X-Ray Extension – eine Erweiterung für Firefox, um HTML-Ta…...
leftcoastbydesign.ca on January 11, 2006 at 2:55 pm
X-Ray Firefox Extension…
Although probably dugg beyond belief (1227 and counting), I’ve been using the X-Ray Firefox Extension and have been loving it. It’s kind of like the ability to paint with numbers and see how it all falls together once the paint is on the p…
Jens Schaller on January 11, 2006 at 4:53 pm
X-Ray some websites…
Stuart Robertson has published a very neat Firefox Extension named X-Ray, which displays HTML-tags directly on a webpage. Just load a webpage, right-click on it and select “X-Ray”.
It’s currently Version 0.5 and only some HTML-tags are supported, b…
kenlet on January 11, 2006 at 5:43 pm
awesome. thanks for providing such a great tool.
Helge Moulding on January 11, 2006 at 7:33 pm
It doesn’t seem to work on pages that have frames. Otherwise, neat idea. I look forward to the updates.
[[ gadnux ]] on January 11, 2006 at 9:22 pm
Coooooool…. Thx for your great job. It’s very useful to me. Don’t forget to improve. We’ll waiting
Firefox Extension: X-Ray » Nate Koechley’s Blog on January 12, 2006 at 2:35 am
[...] Stuart Robertson makes good on one of his New Year’s Resolutions by creating and publishing his X-Ray extension for Firefox. [...]
Setherie on January 12, 2006 at 2:55 am
great extension, thanks!
2 ideas for future versions:
1. be able to turn it off as well as on (instead of having to reload the whole page)
2. be able to select just one item on a page and see its source.
Mark Crostons Blog » X-Ray firefox extension on January 12, 2006 at 4:33 am
[...] Grab X-Ray here. [...]
Heath Weave on January 12, 2006 at 5:31 am
I agree with the other comment about having a way to show the id tags and such. That would be very helpful.
Bakje.nl Jatlog » X-Ray on January 12, 2006 at 6:17 am
[...] Voor de mensen die FireFox gebruiken heb ik een leuk handigheidje. Je kunt namelijk met deze plugin dwars door de website heen kijken. Ipv te zoeken in de bron, zie je de tags en commando’s die gebruikt zijn op de site. [...]
Philipp Lenssen on January 12, 2006 at 6:53 am
Nice, but could you make it so it shows attributes as well? Many authors use divs and spans for much of their page, and those are only defined by their “class” attribute.
tom on January 12, 2006 at 7:10 am
The extention sets on my ex.. window and says it will be active after I restart fox but to does not. I then try to uninstall and it says it will uninstall when I restart fox, it does not! I now have it displayed in the extention window but it is not active.
If this did work – the best new tags would be showing tables..
Dioxido Digital on January 12, 2006 at 8:37 am
Extensiones de Firefox para Desarrolladores…
Leyendo menéame me entero de X-Ray, una nueva extensión para Firefox que permite que se muestren directamente en la página las etiquetas html sin necesidad de ver el código fuente de la misma. Desde Design Meme pueden instalarsela.
Otras de las ex…...
Gadget Record Blog » Blog Archive » New X-Ray Extension for Firefox ? on January 12, 2006 at 8:59 am
[...] Stuart Robertson from Designmeme.com finishes a great project and comes out with a new extension for Firefox. The X-Ray Firefox Extension let’s you see the tags on a page without viewing the sourcecode. [...]
Cheyne on January 12, 2006 at 9:47 am
I arrived here from del.icio.us
X-Ray is a great plugin that cures one of my pet peeves.
I blogged about it on http://thewebdesignblog.com
The Web Design Blog - on January 12, 2006 at 9:50 am
[...] New Firefox extention X-Ray that allows you to see the way a webpage is constructed without having to go back and forward between the source and the page. Very handy if you are like me and just have to see how some other sites accomplish their web design. « Another CSS inspiration gallery [...]
Tyr on January 12, 2006 at 10:15 am
You’re a damn genius. This is one of these things you need without realising it. I’m looking forward to future versions which I’m sure will rock even more.
Piedragil Rocks! » Sitios visitados el día 11-01-2006 on January 12, 2006 at 11:29 am
[...] New Firefox Extension: X-Ray | Design Meme (tags: extension firefox) [...]
Zostix Galleries » on January 12, 2006 at 2:26 pm
[...] http://www.designmeme.com/2006/01/06/new-firefox-extension-x-ray/ [...]
Gajes » Nieuwe extensie voor Firefox: X-Ray on January 12, 2006 at 3:48 pm
[...] Met X-Ray kun je de gebruikte tags van een website zien zonder dat je daar voor het broncode venster hoeft te openen. Handig als je wilt weten hoe je een leuke website kunt bouwen. Je vindt X-Ray op http://www.designmeme.com/2006/01/06/new-firefox-extension-x-ray/. januari 12th 2006 Posted to firefox [...]
Mischief to Data » Blog Archive » X-Ray - a Firefox extension to view HTML tags on January 12, 2006 at 5:43 pm
[...] X-Ray – a Firefox extension to view HTML tags [...]
Kryten42 on January 13, 2006 at 7:16 am
This is an excellent extension, especially when considering it’s your first! Well done. I look forward to more work on this, and any other extensions you may feel like creating.
I haven’t used this a lot yet, but so far, I have no problems with it. It did what was expected.
Thank you.
Hakukoneoptimointi - FireFoxiin uusi “X-Ray” -laajennus on January 13, 2006 at 10:36 am
[...] designmeme.com on julkaissut X-Ray -nimisen laajennuksen Firefoxille. Laajennus sallii sivun kuin sivun HTML elementtien katselun ilman lhdekoodin esille ottamista. Hauska ja hydyllinen tykalu kilpailijoiden sivujen “vakoiluun”. [...]
jayson knight on January 13, 2006 at 10:03 pm
Apologies if this has already been mentioned in the comments, but you have to refresh the page to turn it off. Other than that, this is a fantastic extension, good job!
JAbbott on January 16, 2006 at 12:33 pm
Thanks for the extension – it is a nice addition to the tool bag. I poked around the xpi file and added support to my copy. I’m not sure if it was left out on purpose or not – the mod seems to be working fine.
JAbbott on January 16, 2006 at 12:35 pm
Ack, the HTML got stripped in my comment above (as I should have expected). I was trying to say that I added support for the DL tag to my copy of the install file. Thanks!
Jevon on January 22, 2006 at 6:25 pm
It would be cool if you could define a list of the tags you wish to be X-Rayd… for example, I would have added TABLE, TR and TD recently, because I just had to try and decipher a mess of tables. The extension would have been very helpful!
Other than that, this extension is very well done – beautifully simple and powerful at the same time. Thanks
EtherThoughts » links for 2006-01-24 on January 23, 2006 at 7:29 pm
[...] New Firefox Extension: X-Ray | Design Meme (tags: Firefox extensions webdesign) [...]
Sheila on February 2, 2006 at 8:36 am
Firefox just flashed me that X-Ray is not compatible with today’s 1.5.0.1 release. Is that temporary or fatal?
William Peckham on February 2, 2006 at 10:03 am
My FireFox just upgraded itself to 1.5.0.1 and I see the same message Sheila did. Of the other extensions I use only Aardvark extension (by another author) is also affected. I do not yet know how many others may be affected.
Is there anything we can do to help?
Stuart Robertson on February 2, 2006 at 11:26 am
I’ll update my Firefox today and see what I can do.
Stuart Robertson on February 3, 2006 at 1:54 pm
I’ve had quite a few people email to say X-Ray doesn’t work after upgrading Firefox. I just had my system auto-upgrade to Firefox 1.5.0.1—and my copy of X-Ray is still working.
Very strange.
I’ll try another computer and see if there’s any difference.
CableGuy on February 4, 2006 at 1:27 pm
I am also having the same problem W.Peckham descibes. I did notice that aardvark has a new update available. Great work on X-Ray, I use it all the time.
Thank You.
Mark
Weekend Update | Design Meme on February 4, 2006 at 11:11 pm
[...] Most of the people who have updated to the newest version of Firefox will have noticed the X-Ray extension reports that it isn’t compatible. I’m going to update the file to make it work, as well as include support for a wider range of tags. That should be ready in the next day or two. [...]
David on February 7, 2006 at 6:19 am
Any news on the update for X-Ray to work with the latest version of Firefox? I just found the extension and I’m looking to use it but it won’t install…then I saw this update, so hopefully the update will be out soon so I can join in on the fun. Thanks a million
Marsh on February 9, 2006 at 12:53 pm
A clever extension—nice idea.
If you’re looking to add a feature, what about displaying the CSS class name?
You could probably abuse the abbr tag to make the class name appear when you hover over the xray inserted tags.
Thanks for a useful little util.
Marsh on February 9, 2006 at 12:55 pm
Also, I’d suggest making the link tags appear outside the linked text they surround.
Pat on February 9, 2006 at 9:52 pm
ya i tried downloading the plugin on firefox on the latest updated version and its not working…u comin out with an updated extension soon?
X-Ray Extension v0.6 | Design Meme on February 12, 2006 at 1:01 pm
[...] For everyone who has been patiently waiting for the X-Ray extension to be updated to work with Firefox 1.5.0.1—here it is! This new version includes several enhancements: [...]
Stuart on March 3, 2006 at 3:53 pm
Version 0.7 is now available
blogdriverswaltz.com » Blog Archive » links for 2006-03-10 on March 10, 2006 at 6:19 pm
[...] New Firefox Extension: X-Ray | Design Meme The X-Ray Firefox Extension let’s you see the tags on a page without viewing the sourcecode. (tags: firefox extension webdesign) [...]
otro blog ms » Va de extensiones para Firefox on March 17, 2006 at 1:36 pm
[...] Con trato individualizado, X-Ray, para ver las tags de una pgina, sobre la pgina, y Chatsum, que combina extensin con servicio web, para chatear con co-visitantes de pginas web (tambin corre sobre Safari). Technorati Tags: [...]
De Web Times » Firefox Extension X-Ray on March 22, 2006 at 6:48 am
[...] See and get the extension. [...]
5thirtyone | it’s not wheatgrass » View source without viewing source on March 29, 2006 at 12:25 pm
[...] Did that make sense? The X-Ray Firefox extension by Stuart Robinson of Design Meme displays a pages source code without the need to ‘View Source’. Try it out for yourself and report back with how nifty this new extension is. I’m adding this to my recommended webdev extensions collection alongside Web Developer, Aardvark, and MeasureIt. [...]
About Web Designing » Blog Archive » A FireFox plugin to view the markup of the page on March 29, 2006 at 1:22 pm
[...] or just a paragraph with enlarged formatting. Posted in General | You can leave a response, or trackback from your ownsite. [...]
Creative Zen » Blog Archive » FireFox Extensions on March 29, 2006 at 2:29 pm
[...] X-Ray [...]
Firefox CSS ‘x-Ray’ Extension at Secret Weapon Labs on March 29, 2006 at 5:03 pm
[...] Care of CSSinsider.com, I found a SWEET Firefox extension that displays the wrapping tags of any element on a web page. Rather than flipping between the view-source page/tab and the actual rendered page, this is a perfect solution. [...]
Apt5b on March 29, 2006 at 6:09 pm
The X-Ray Firefox Extension…
Today I found what may be the second best Firefox extension I have ever seen…...
a.css, esbudellant estàndards » Extensió: X-Ray on March 29, 2006 at 6:22 pm
[...] X-Ray [...]
Sepherenia on March 29, 2006 at 6:58 pm
Bloody. Freaking. Awesome.
Greg K Nicholson on March 29, 2006 at 9:19 pm
I’d install this if it wasn’t playing right into the hand of the evil Captain Context-Menu Bloat and his ever-swelling ranks of Context-Menu Menu-Item Minions.
Pig Pen - Web Standards Compliant Web Design Blog » Blog Archive » X-Ray Firefox Extension on March 30, 2006 at 12:51 am
[...] X-Ray Firefox Extension lets you see the tags as you view live pages – cool. [...]
Homo-Adminus on March 30, 2006 at 2:48 am
Great plugin! I will add it to my favorite Firefox plugins list!
raki’s lab.net » Blog Archive » Firefox WebDev Extension: X-Ray on March 30, 2006 at 3:10 am
[...] Roger Johansson macht in seinem Blog auf die Extension “X-Ray” aufmerksam. Sie blendet bei Bedarf die umgebenden HTML-Elemente auf einer Seite ein, wodurch man einen schnellen Überblick auf die Markup-Struktur bekommt. Natürlich bieten auch andere Extensions (z.B. die “Web Developer” Toolbar) sowie Opera eine ähnliche Funktionalität, die jedoch nicht so einfach zu bedienen sind. X-Ray wird über das Kontext-Menü innerhalb einer dargestellten Webseite an- bzw. abgeschaltet und erhält dabei auch (soweit wie möglich) das vorhandene Layout. Natürlich kann es nur eine zusätzliche Hilfe beim Entwickeln einer Seite sein… aber da macht es doch schon eine gute Figur. Leider zeigt es keine zugewiesenen IDs oder CSS-Klassen an, welche jedoch leicht über andere Extensions wie das schon vorher erwähnte “InspectThis” zu erreichen sind. [...]
Sensorydrive - Stuart Church’s blog » Firefox X-ray extension on March 30, 2006 at 4:28 am
[...] Ever had a problem searching for a specific bit of code in the ‘view source’ window? Well, X-ray is a nifty new – well, newish – extenstion for Firefox that should help. X-ray shows the page markup in the context of the page, so you can visually orient yourself to where the code is. Simple, but really, really useful. [...]
» Firefox - X-Ray — cne _LOG Archiv on March 30, 2006 at 5:37 am
[...] Eine weitere Extension für den Firefox ist erhältlich: X-Ray [...]
SuperJason on March 30, 2006 at 9:34 am
I love it, except that it messes up the page layout. I would love an option that shows all the markup in a tooltip. But I guess that’s getting close to the functionality in Aardvark.
Weblog Tools Collection » FF Extension: X-Ray on March 30, 2006 at 7:54 pm
[...] FF Extension: X-Ray View your markup on a Firefox page without having to view source. Sometimes quite unreadable, extremely useful at others. Thanks 456 Berea Street Technorati Tags: firefox extensions xray [...]
Ken Savage on March 31, 2006 at 12:59 am
This extension is P H A T
Thx man.
Damien on March 31, 2006 at 2:24 am
Awesome extension – really useful.
einfach persoenlich Weblog on March 31, 2006 at 9:33 am
Firefox-Extension X-Ray…
Ein kleiner aber wirksames Helferlein für Webdesigner und Bloggern bei der täglichen Quellcode-Recherche ist die Firefox Erweiterung X-Ray. Sie offenbart auf einen Klick die Anzeige der HTML-Tags der Seite im Browser. Der (für mich) wen…
virtualj.net on April 1, 2006 at 10:00 am
woblweb on April 1, 2006 at 4:17 pm
Firefox CSS-Viewer: Blick hinter die Kulissen » die Netzspielwiese on April 2, 2006 at 12:48 pm
[...] Passend dazu: die Firefox-Erweiterung X-Ray, die den Quellcode einer Seite innerhalb der Inhalte anzeigt. [...]
blogwürdig » Blog Archive » verwendete Plugins … on April 2, 2006 at 12:59 pm
[...] X-Ray – Anzeige von Tags in der aktuellen Seite Tag: Wordpress [...]
Basic Thinking Blog » Firefox-Plugins mit Röntgenblick on April 2, 2006 at 6:27 pm
[...] XRay: Zeigt den HTML-Code mitten im Inhalt an. Bilder sagen mehr als Worte: [...]
The Sunday Slice #7 at Low End Theory on April 2, 2006 at 8:34 pm
[...] Great Firefox Extension that allows you to view source… without viewing the source. [...]
blogwürdig » Blog Archive » Firefox-Extension X-Ray on April 3, 2006 at 12:27 pm
[...] Durch die Firefox-Extension X-Ray wird die Anzeige der aktuellen Seite um diverse verwendete HTML-Tags ergänzt. Folgende Tags werden lt. Stuart Robertson unterstützt: For version 0.5 the current list of supported tags is: h1, h2, h3, h4, h5, h6, p, ol, ul, li, dt, dd, font, div, span, blockquote, pre, a, b, i, strong, em. If some other people find this extension useful, I’ll probably add support for more tags, and possibly experiment with adding some other enhancements as well. Tag: Firefox [...]
pixelReality.log » Blog Archive » Nützliche Firefox-Extensions on April 3, 2006 at 3:29 pm
[...] X-Ray Bei X-Ray handelt es sich um ein Tool, dass bei Aktivierung den kompletten Sourcecode einer Webseite direkt im Browser anzeigt. Die Inhalte bleiben dabei erhalten und von der sie umschließenden HTML-Struktur eingerahmt. Auch dieses Tool eignet sich herrvorragend dazu, den Aufbau einer Seite zu analysieren und gegebenenfalls zu optimieren. [...]
USTommyMC » Blog Archive » links for 2006-04-04 on April 4, 2006 at 1:05 pm
[...] New Firefox Extension: X-Ray | Design Meme [...]
» See your markup in context with X-Ray -- MacTips.info --- Miraz on Macs, web design and other matters. on April 4, 2006 at 7:50 pm
[...] 456 Berea St draws our attention to X-Ray for Firefox: [...]
Web Site Accessibility Blog » Random thoughts Day on April 5, 2006 at 1:35 pm
[...] Courtesy of 456 Berea St., the X-Ray Firefox extension – see your markup on the page. You don’t have to view the source code, but can see the elements on the page. One of the best extensions I’ve seen in months. [...]
..::RHOblog::.. » Meine Firefox Plugins on April 6, 2006 at 4:54 am
[...] X-Ray – Tags Anzeige ohne den Sourcecode asehen zu müssen. [...]
Raji’s Blog » links for 2006-01-17 on April 8, 2006 at 12:39 am
[...] New Firefox Extension: X-Ray | Design Meme New Firefox Extension: X-Ray (tags: lazysheep) [...]
Aravind’s Link Blog » A handy firefox extension for looking at tags on April 10, 2006 at 1:45 pm
[...] This is a firefox extension which lets you see tha tag of a page without using view source. All you have to do is right click on the page and select the extension. It is called X-Ray. Check it out, it is very useful if you are a amateur web designer. Also check a blog entry which has some details about it. [...]
Webthemen » FF: Erweiterungen (nicht nur) fr Webworker on April 13, 2006 at 2:40 pm
[...] Dr. Web – Firefox: Erweiterungen Teil 1: Erklrt die Webdeveloper Toolbar (kennen und schtzen wir ja inzwischen alle), MeasureIt, ein brauchbareres Vermessungstool), Aardvark, Platypus, Greasemonkey und X-Ray. [...]
Dr. Web Weblog » Blog-Archiv » Die Überlebensausrüstung: Die wichtigsten Links für Webdesigner on April 15, 2006 at 4:13 pm
[...] X-Ray Tags und Elemente direkt sichtbar machen [...]
The Daily Source Code » X-Ray on April 16, 2006 at 2:00 pm
[...] Link [...]
Smarking on April 27, 2006 at 10:36 pm
New Firefox Extension: X-Ray | Design Meme…
Someone at Smarking has bookmarked your post….
The Miles Rausch DootDoot Weblog Page Website By Awayken » Blog Archive » links for 2006-04-29 on April 29, 2006 at 1:18 pm
[...] New Firefox Extension: X-Ray | Design Meme (tags: firefox extension) [...]
creatom » Blog Archive » Firefox geröntgt on May 8, 2006 at 2:07 pm
[...] [...]
Firefox.hk » Blog Archive » Firefox Extension : X-Ray on May 12, 2006 at 9:52 am
[...] X-ray是一个用于将往常默默无闻地工作在“幕后”的XHTML代码带到“台前”的Firefox插件。 [...]
Noteworthy - 2006.05.17 at Endless Float : Blog Archive on May 16, 2006 at 11:56 am
[...] X-Ray: an extension for Firefox [...]
BubbaChrissy on June 19, 2006 at 2:57 pm
This could get annoying sometimes but i still like it ¯ _ /¯¯
Column 2 » My 10 geekiest moves so far this month on July 5, 2006 at 1:17 am
[...] 6. I installed the Firefox X-Ray extension so that I can see the html tags on a page without viewing the source code. [...]
Miniblog on July 13, 2006 at 12:19 pm
le blog de davidtouvet.com on July 16, 2006 at 11:39 am
Linu on August 25, 2006 at 2:23 am
hey Great, I am glad to find this Plugin. Just Tried. Work Great. Thanks a lot
bueroeinsnull|blog on August 30, 2006 at 5:40 pm
Fakta Firefox - Fakta Firefox on August 31, 2006 at 3:15 am
Fakta Firefox - Fakta Firefox on August 31, 2006 at 3:16 am
Jinu on September 6, 2006 at 8:36 am
Hey great move….thanks a lot
joby on September 6, 2006 at 8:39 am
Good works …........thats help people…...great thks
ami on September 7, 2006 at 5:23 pm
a very great tool, i love it.
Life, it is a Travesty… on September 13, 2006 at 4:16 am
Ron Pemberton on September 18, 2006 at 11:29 pm
Thank you for two great plug-ins. I appreciate this and professor x.
lisa on September 24, 2006 at 8:41 am
thanx for the great extention
LLBBL » New Firefox Extension: X-Ray | Design Meme on September 28, 2006 at 3:16 pm
[...] New Firefox Extension: X-Ray | Design Meme The X-Ray Firefox Extension let�s you see the tags on a page without viewing the sourcecode. [...]
Extensions zum Firefox 2.0 kompatibel machen - Jowra - Webdesign · Photo · Artwork on October 4, 2006 at 7:41 am
[...] XRay für Firefox 2.0: Install ( [...]
Useful Readings on October 31, 2006 at 7:38 am
digilee - the greybox on November 15, 2006 at 2:10 pm
Maziar on November 24, 2006 at 3:13 pm
That’s really helpful for finding the tags. I took much time before using this extension.
Thanks
I’ll post about it in my blog
Http://raizaM.BlogSpot.com
Stef on November 29, 2006 at 2:32 pm
I don’t usually agree with new year resolutions but I really like your idea. Good Luck
!!
Hoang Vu’s Collection Blog on December 2, 2006 at 2:08 pm
17 on December 8, 2006 at 4:19 am
My 17…
Information about 17…
QuNet on December 10, 2006 at 1:46 am
Firefox Extensions for Web Developers » Robin’s Blog on December 18, 2006 at 10:42 am
[...] X-Ray – Lets you see HTML/XHTML tags on a page without viewing the source code. Once installed, right-click the page and select X-Ray, all tags on the page will be displayed on the web page you are viewing. [...]
David on January 3, 2007 at 3:12 pm
Great!
jack on January 8, 2007 at 6:44 pm
Nice site actually. Gone to my favourites. Thanks for creation.
Ftop on January 9, 2007 at 11:16 pm
My ftop…
Pipka ftop…
Italy on January 10, 2007 at 12:55 am
Pipka italy…
About italy…
Topnado on January 10, 2007 at 2:27 am
Pipka topnado…
Information topnado…
Top on January 10, 2007 at 4:04 am
Popular top…
Information top…
LiveMarks on January 28, 2007 at 11:38 am
» Blog Archive » Firefox - Extension on February 2, 2007 at 12:07 pm
[...] X-Ray [...]
Benn on February 8, 2007 at 7:03 pm
Awesome job thank you much
missing one feature only
copy and paste tags )))
Hakukoneoptimointia on February 12, 2007 at 6:35 am
This is my favourite plugin together with web developer toolbar.
Parisuhde artikkelit on February 18, 2007 at 10:01 am
Super work, great that people are still willing to contribute…
Tilitoimisto on February 24, 2007 at 10:24 am
My Firefox was also just updated and everything seems to be still ok with X-ray…
Pomocon - a tech and culture blog on February 26, 2007 at 9:50 am
glitch to the system - MySpace Blog on February 26, 2007 at 5:41 pm
Bonita in Pink.com on March 5, 2007 at 4:21 am
adamskee.com » on March 10, 2007 at 5:06 am
Home « designcreatology on March 30, 2007 at 4:22 pm
Web Design References: Tools on April 1, 2007 at 12:29 pm
CSS Viewer und X-Ray: Firefox-Erweiterungen für Webdesigner - Software, Webdesign - pixelgraphix on April 1, 2007 at 12:56 pm
X-Ray Web Pages With Firefox ~ Web Developers on April 1, 2007 at 7:19 pm
Firefox-Extensions für Webentwickler und SEO — Software Guide on April 2, 2007 at 5:55 am
X-Ray Firefox extension shows HTML tags - Lifehacker on April 2, 2007 at 6:52 pm
Jon Galloway : X-Ray Extension for Firefox on April 2, 2007 at 10:42 pm
Jeff Atwood : Guidelines and Tips for Pure CSS Layouts on April 3, 2007 at 7:51 pm
frische-zitronen.de » Firefox Extension x-ray on April 4, 2007 at 5:48 am
X-Ray: new Firefox extension - CSS Insider on April 4, 2007 at 1:34 pm
FireFox | ブラウザ on April 5, 2007 at 2:20 am
See your markup in context with X-Ray | 456 Berea Street on April 5, 2007 at 7:46 pm
Firefox Extensions for Power Users | Blogtology on April 6, 2007 at 2:12 am
[...] X-RAY – This one will show you the html TAGS while you’re watching the site itself. COOL idea and it’s still getting developed for further usage. [...]
StumbleUpon » Your page is now on StumbleUpon! on April 6, 2007 at 9:44 pm
M9Media GFX :: View topic - for Web developers -- Firefox Extension: X-Ray on April 9, 2007 at 2:14 pm
web.Frontend :: March :: 2006 on April 9, 2007 at 3:16 pm