{"id":1731,"date":"2007-07-30T18:36:16","date_gmt":"2007-07-30T16:36:16","guid":{"rendered":"http:\/\/textundblog.de\/?p=1731"},"modified":"2007-07-30T23:28:50","modified_gmt":"2007-07-30T21:28:50","slug":"websites-rontgen-mit-xray-und-ein-favicon-tipp","status":"publish","type":"post","link":"https:\/\/textundblog.de\/?p=1731","title":{"rendered":"Websites r\u00f6ntgen mit Xray und ein Favicon-Tipp"},"content":{"rendered":"<p><a href=\"http:\/\/westciv.com\/xray\/\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/xray.jpg?resize=314%2C180&#038;ssl=1\" width=\"314\" height=\"180\" alt=\"Xray - zeigt Infos zu Divs von Websites\" title=\"Xray - zeigt Infos zu Divs von Websites\" class=\"bildrechts\"\/><\/a> <a href=\"http:\/\/westciv.com\/xray\/\">Xray<\/a> ist ein kleiner, praktischer Web-R\u00f6ntgen-Knopf: Einfach das Xray-Bookmarklet in die Lesezeichenleiste des Browsers ziehen, und ab sofort auf Knopfdruck den angesurften Webseiten &#8222;unter die Haube&#8220; schauen. Sprich: Interessiert man sich f\u00fcr ein Weblayout, braucht man nur ein Element der Website anzuklicken und ein schickes graues K\u00e4stchen liefert Infos \u00fcber Div-Ma\u00dfe, Float-Eigenschaften, eingestelltes Padding usw. . Nat\u00fcrlich ist das <em>kein<\/em> Ersatz f\u00fcr die in den Handwerkskasten jedes guten Webworkers geh\u00f6rende <a href=\"http:\/\/chrispederick.com\/work\/web-developer\/\">Web-Developer-Extension<\/a>, aber f\u00fcr den schnellen R\u00f6ntgen-Klick zwischendurch &#8217;ne prima Sache.<br \/>\n[via <a href=\"http:\/\/del.icio.us\/moe\">del.icio.us\/moe<\/a>]<\/p>\n<p>Weil ich in letzter Zeit so viele Bookmarklets empfehle, hier noch ein Tipp, der hilft mit <a href=\"http:\/\/de.wikipedia.org\/wiki\/Favicon\">Favicons<\/a> in der Lesezeichenleiste Platz zu sparen: Erstmal spart man nat\u00fcrlich Platz, indem man den Text eines in der Leiste abgelegten Lesezeichens entfernt oder auf das Wesentliche reduziert (Klick auf das Lesezeichen mit der rechten Maustaste | Eigenschaften | Text im Feld &#8222;Name&#8220; l\u00f6schen). Denn man erkennt die Websites ja \u00fcber ihr Favicon (so sie denn eines haben &#8211; professionelle Sites haben eins). Doch wie kann man nun Platz sparen bei Bookmarklets, die <em>kein<\/em> Favicon haben? <\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/bookmarkletjavascript.gif?resize=239%2C180&#038;ssl=1\" width=\"239\" height=\"180\" alt=\"Eigenschaften der Lesezeichen bearbeiten\" title=\"Eigenschaften der Lesezeichen bearbeiten\" class=\"bildlinks\"\/> Ein kleiner Trick l\u00f6st das Problem: Zus\u00e4tzlich zum Bookmarklet einfach die Seite, die das Bookmarklet anbietet, in die Lesezeichenleiste ziehen. So hat man schon mal ein schickes Lesezeichen mit Favicon. Den Text aus dem Feld &#8222;Name&#8220; \u00fcber das Kontextmen\u00fc l\u00f6schen. Dann das JavaScript aus dem faviconlosen Bookmarklet durch <em>copy and paste<\/em> in das Lesezeichen mit dem Favicon \u00fcbertragen (rechter Mausklick ins Feld Adresse des Bookmarklets, <em>Strg a<\/em>, um die gesamte Adresse zu markieren, <em>Strg c<\/em> zum Kopieren und <em>Strg v<\/em> zum Einf\u00fcgen in das faviconisierte Lesezeichen. Altes Bookmarklet (das ohne buntes Bildchen) l\u00f6schen und fertig!<\/p>\n<p>Wie man auf diesem <a href=\"http:\/\/de.sevenload.com\/bilder\/groessen\/8Gvlo8b\/orig\">Screenshot<\/a> sehen kann, gibt es in meiner Lesezeichenleiste so gut wie keinen Text mehr. Das ist platzsparend, \u00e4sthetisch ansprechend und hoch funktional.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Xray ist ein kleiner, praktischer Web-R\u00f6ntgen-Knopf: Einfach das Xray-Bookmarklet in die Lesezeichenleiste des Browsers ziehen, und ab sofort auf Knopfdruck den angesurften Webseiten &#8222;unter die Haube&#8220; schauen. Sprich: Interessiert man sich f\u00fcr ein Weblayout, braucht man nur ein Element der Website anzuklicken und ein schickes graues K\u00e4stchen liefert Infos \u00fcber Div-Ma\u00dfe, Float-Eigenschaften, eingestelltes Padding usw. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[21,13],"tags":[],"class_list":["post-1731","post","type-post","status-publish","format-standard","hentry","category-software","category-webdesign"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4uzZ-rV","jetpack-related-posts":[{"id":3168,"url":"https:\/\/textundblog.de\/?p=3168","url_meta":{"origin":1731,"position":0},"title":"Readability: Online-Texte auf Klick lesbarer","author":"Markus","date":"30\/9\/2009","format":false,"excerpt":"Wer viel Text online lesen muss\/darf\/will und nicht unbedingt alles ausdrucken m\u00f6chte, um Augen und B\u00e4ume zu schonen, wird \u00fcber das hier vorgestellte Tool sicher genau so begeistert sein wie ich. Die New Yorker Webagentur arc90 hat mit Readability eine Website erstellt auf der man seine bevorzugten Leseeinstellungen definieren kann,\u2026","rel":"","context":"In &quot;Software&quot;","block_context":{"text":"Software","link":"https:\/\/textundblog.de\/?cat=21"},"img":{"alt_text":"Readability: Auf dieser Seite ein Bookmarklet zur besseren Lesbarkeit von Websites erzeugen","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/readability.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3512,"url":"https:\/\/textundblog.de\/?p=3512","url_meta":{"origin":1731,"position":1},"title":"Noch&#8217;n Tweet-Embed-Tool: Blackbird-Bookmarklet","author":"Markus","date":"6\/5\/2010","format":false,"excerpt":"Hoffe doch sehr, dass es in der n\u00e4chsten Saison wieder hei\u00dft: Weltpokalsiegerbesieger.Sun May 02 17:20:22 via webKater MossKater__Moss Es gibt - neben dem gestern gezeigten Blackbird Pie - noch ein schnelleres Verfahren zum Einbinden von Tweets: Blackbird-Bookmarklet. Vorteile: Weniger Klicks zum Quellcodeschnipsel (3 statt 9 bei Blackbird Pie) Tweet zeigt\u2026","rel":"","context":"In &quot;Bluesky&quot;","block_context":{"text":"Bluesky","link":"https:\/\/textundblog.de\/?cat=33"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3183,"url":"https:\/\/textundblog.de\/?p=3183","url_meta":{"origin":1731,"position":2},"title":"Mit Printliminator Ausdruck von Websites optimieren","author":"Markus","date":"8\/10\/2009","format":false,"excerpt":"Wer das neulich hier vorgestellte Tool Readability praktisch fand (mit dem Online-Texte per Bookmarklet lesbarer gemacht werden k\u00f6nnen), der wird auch an Printliminator seine Freude haben. Jeder kennt das: man m\u00f6chte etwas ausdrucken, doch die Website ist nicht f\u00fcr den Druck optimiert und es werden Men\u00fcs, Werbung oder sonstige Teile\u2026","rel":"","context":"In &quot;Software&quot;","block_context":{"text":"Software","link":"https:\/\/textundblog.de\/?cat=21"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1721,"url":"https:\/\/textundblog.de\/?p=1721","url_meta":{"origin":1731,"position":3},"title":"Neue Mister-Wong-Erweiterung f\u00fcr Firefox","author":"Markus","date":"27\/7\/2007","format":false,"excerpt":"Bei Mister Wong geht das Ablegen von Lesezeichen jetzt noch komfortabler. Mit der neuen Firefox-Erweiterung (Installation der Version 1.1.2) \u00f6ffnet sich jetzt die Mister-Wong-Seite als Pop-Up-Fenster \u00fcber der zu verschlagwortenden Seite. So kann man wichtige Infos besser in das neue Lesezeichen eintragen. Im ersten Moment dachte ich, das ist aber\u2026","rel":"","context":"In &quot;Informationskompetenz&quot;","block_context":{"text":"Informationskompetenz","link":"https:\/\/textundblog.de\/?cat=16"},"img":{"alt_text":"Pop-Up der neuen Mister-Wong-Erweiterung","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/mwpopupkl.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1693,"url":"https:\/\/textundblog.de\/?p=1693","url_meta":{"origin":1731,"position":4},"title":"Tagging-Unterst\u00fctzung f\u00fcr die Wissenschaft","author":"Markus","date":"13\/7\/2007","format":false,"excerpt":"Tobias Kowatsch ruft aus : Help, I need somebody to tag! - Hinter dem verzweifelt anmutenden Hilfeschrei verbirgt sich der Aufruf zur Teilnahme an einem Web-Experiment. To tag hei\u00dft verschlagworten, und genau darum geht es. Wenn ihr dreizehn Minuten eurer wertvollen Zeit f\u00fcr diese interessante Geschichte er\u00fcbrigen k\u00f6nnt, dann helft\u2026","rel":"","context":"In &quot;Informationskompetenz&quot;","block_context":{"text":"Informationskompetenz","link":"https:\/\/textundblog.de\/?cat=16"},"img":{"alt_text":"Web-Umfrage zum Tagging von Tobias Kowatsch","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/taghelp.gif?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2399,"url":"https:\/\/textundblog.de\/?p=2399","url_meta":{"origin":1731,"position":5},"title":"Twiturl macht die Webadresse klein","author":"Markus","date":"4\/8\/2008","format":false,"excerpt":"Der gemeine Twitter-Nutzer und die gemeine Twitter-Nutzerin z\u00e4hlen bisweilen jeden Buchstaben, um den auf 140 Zeichen begrenzten Raum in ihren Meldungen bestm\u00f6glich auszunutzen. Wer einen Link im Tweet - so hei\u00dfen die bei Twitter ver\u00f6ffentlichten Nachrichten - postet, nutzt deshalb gerne Webadressen-Verk\u00fcrzungsdienste wie TinyURL.com & Co. Seit heute gibt es\u2026","rel":"","context":"In &quot;Bluesky&quot;","block_context":{"text":"Bluesky","link":"https:\/\/textundblog.de\/?cat=33"},"img":{"alt_text":"Lange Adresse eingeben","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/twiturl1.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1731"}],"version-history":[{"count":0,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1731\/revisions"}],"wp:attachment":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}