Posts tagged Plugin

Neues Firefox-Addon “AutoPager”

6
1123 Tage
by in Internet

Firefox AddonIst ja schon recht selten, dass ich mir meinen liebgewonnenen Firefox mit Addon-Balast belade. Bei dem Addon “AutoPager” konnte ich allerdings wirklich nicht anders, als es einfach zu adden! Es fällt im normalen Betrieb erstmal gar nicht auf, bis man auch eine vom AutoPager unterstützte Website surft. Als recht gutes Beispiel sei hier z.B. die Google Bildersuche genannt. Jeder kennt wohl die 3-reihige Bilder-Ansicht, die sich ausschließlich über den Google-Button fortsetzen lässt. Relativ nervig, wie ich finde. Bei der normalen Web-Suche kann man zumindest seine Trefferliste auf 100 erweitern. Überflüssig macht das ganze das vorgestellte Addon. Hier wird im Grunde die nächste Seite geladen und unterhalb der aktuellen Ansicht angefügt. Ist jetzt vielleicht etwas konfus erklärt. Aber im Grunde hat man so keine 100 Web-Treffer mehr auf einer Seite, sondern im Extremfall alle. Auch bei der Bildersuche sieht man nicht nur drei Reihen, sondern eben alle. Je nachdem, wie weit man nach unten scrollt.

Das Addon funktioniert über das gezielte eingreifen in das DOM und lässt sich relativ einfach per XPath- oder RegEx-Regeln manipulieren. Ein Seiten-Assistent hilft auch dabei, neue und noch unbekannte Seiten “anzupassen” und die Regeln zu veröffentlichen. Hier gibt man im Grunde nur den “Weiter”-Link an und den Content-Bereich. Danach sollte ein Test das erhoffte Ergebnis zeigen. Manchmal sind jedoch noch kleinere Nacharbeiten gefordert.

Schade ist, dass man sich zum Veröffentlichen eigener Regeln auf der Addon-Website “teesoft.info” anmelden muss. Das einpflegen von neuen Site-Regeln geht dafür allerdings recht schnell von statten, so dass man meist nach einigen Stunden und einer Aktualisierung des Addons seine generierten Regeln im offiziellen Regel-Stamm wieder findet.

Weitere Beispiele für die Nutzbarkeit sind die Foren von Studi- oder MeinVZ. Hier spart man sich den Klick auf den Link zur nächste Seite, da diese schließlich einfach an das Seitenende angehängt wird. Oder Seiten wie Flickr bzw. DeviantArt. Hier werden jetzt alle Bilder einfach untereinander weg angezeigt.

AutoPager

Etwas Problematisch ist jedoch die Nutzung von Links und dem Zurück-Button. Klickt man auf einen Link, der unterhalb des Official-Content angezeigt wurde, kann es sein, dass man beim klicken den Zurück-Button nicht wieder an die stelle des zuvor genutzten Links springt. Schließlich muss beim erneuten Laden der vorherigen Website auch der angehängte Content erst neu geladen werden. Manchmal etwas störend, aber man kann die Links ja auch in einem neuen Tab öffnen lassen ;)

Ich hoffe mal, ich konnte das Addon “AutoPager” etwas schmackhaft machen. Ich selbst erstelle hier immer mal wieder Regeln für noch nicht unterstützte Websites. Wer also etwas Hilfe benötigt oder gerne eine Seite mit eingepflegt hätte und nicht im offiziellen Forum darum bitten möchte, der kann das natürlich hier tun.

Zeilenumbruch im pre-Tag

1
1340 Tage
by in Blogging, Coding

Da ich doch immer mal wieder diversen Code hier niederschreibe hat sich ein Plug-In zum Syntax Highlighting namens “Snippet Highlight” in mein WordPress dazugesellt. Schlecht bzw. gut – weil ja eigentlich Sinn der Sache – ist, dass ein pre-formatierter Text eben genau so wiedergegeben wird, wie er eingetippt wurde. Die Folge ist meist, dass bei langen Strings diese regelmäßig schön über das Layout hinaus schießen oder, je nach Layout, auf einmal im nirgendwo verschwinden.

Mit HTML kann man das “Problem” lösen, indem man im pre-Tag einfach width=50 eingibt. Somit wird nach maximal 50 Zeichen ein Zeilenumbruch durchgeführt. Je nach genutztem WordPress-Plugin wird dies jedoch wieder entfernt, wenn man pech hat.

CSS ist da schon etwas sicherer. Im Blog “Unwakeable” von Tyler Longren bin ich mal auf ein schönes CSS-Format gestoßen, dass jeden Browser gut bedient.

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}

Alternativ dazu kann man sich natürlich auch einen div-Container drum herum bauen, mit fester Breite und Höhe und dem ganzen einen overflow verpassen. Kann man, muss man aber nicht, weil nicht wirklich elegant. Vorteil ist jedoch, dass es ins Layout passt und trotzdem die Formatierung erhalten bleibt.

Woopra-Website ohne Design

0
1341 Tage
by in Allgemeines, Internet

Wollte mir heute mal die Software für Woopra herunterladen und musste dementsprechend auf deren Homepage. Erstmal war ich leicht irritiert, da mir die Seite im Firefox gänzlich ohne Design präsentiert wurde. Im Internet Explorer 6 bekommt man zwar ein Design zu sehen, allerdings ist die Navigation leicht zerschossen.

Beim durchsehen des Quelltextes stößt man zur Zeit auf folgenden, leicht kuriosen, Eintrag:

<link style="display: none;" rel="stylesheet" href="http :-/ /www.woopra.com/wp-content/themes/woopra/style.css" type="text/css" media="screen">

Der Fokus liegt hier auf dem style="display: none;", der im link-Tag meiner Meinung nach ziemlich überflüssig ist. Nach einem Test mit einer Beispielseite scheint dieser Eintrag jedoch vom Firefox wie auch vom IE6 gekonnt ignoriert zu werden. Ich habe mal über die Web Developer Toolbar für den Firefox das im link-Tag angegebene Stylesheet manuell eingebunden und siehe da, zumindest das Design wird wieder korrekt dargestellt. Allerdings ohne Bilder. Über die im Quelltext angegebenen Source-Links lässt sich jedoch darauf zugreifen und vor allem der IE6 zeigt diese auch ganz normal an.

Ich bastel ja jetzt schon seit einiger Zeit an Websites herum, aber diesen Effekt kann ich mir im Augenblick noch nicht so ganz erklären. Vor allem, da nur Firefox das Design und die Bilder verschmäht.

Update: Nach einigem suchen bin ich jetzt doch noch auf den Übeltäter gestoßen. Das Problem verursacht das Plug-In Adblock Plus. Hat man hier den “ABP Tracking Filter” abonniert erhält man eine Regel namens “.woopra.”. Diese deaktiviert jegliche Anzeige und Ausführung von Scripten, Bildern und Stylesheets, die über eine Website geladen werden. Ausgenommen ist hierbei die direkte Anzeige im Browser über einen URL-Aufruf, weshalb auch das direkte Laden der Bilder bzw. das manuelle Einbinden des Stylesheets funktioniert hat.

Manchmal sollte man schon wissen, was diverse Plug-Ins bzw. Addons so treiben und im Hintergrund anstellen.

WordPress Theme-Test-Umgebung

0
1405 Tage
by in Allgemeines, Blogging, Design, Internet

Theme Test DriveBei hunderten von Themes, die es mittlerweile für WordPress gibt, fällt es vielen Usern schwer, sich da für eines zu entscheiden. Auch fehlt vielen entweder das Know-How oder, wie mir, einfach die Zeit oder die Muse, sich ein eigenes Theme zu gestalten. Durch ein einfaches hinein-kopieren der Themes in den wp_content/Themes-Ordner auf dem Server lassen sich die Designs unter dem Reiter “Darstellung” bei Version 2.5 auswählen. Hierbei wird allerdings, so wie es auch gewollt ist, der komplette Theme für alle sichtbar geändert. Wer jedoch einfach nur mal testen will, wie sein Blog bei einem Theme aussieht, für den empfiehlt sich das PlugIn “Theme Test Drive” von Vladimir Prelovac. Hiermit lässt sich das Theme nur für den Administrator verändern. Alle anderen User, die sich vielleicht auch gerade im Blog befinden, bekommen vom Design-Wechsel nichts mit.

Ein klasse PlugIn für alle, die gerne und oft mal neue Themes ausprobieren wollen.

Go to Top