scrollleiste.de

Artikel mit dem Schlagwort "google"

Performantes Syntaxhighlighting per JavaScript

Bei Google Code gibt es das Syntaxhighlighter-Projekt, eine JavaScript-API die Quellcode-Syntax verschiedenster Sprachen auf Websites farbig darstellt (siehe Artikel „SyntaxHighlighter macht Quellcode schön„). Das Parsen des Code, um diesen einfärben zu können läuft dabei in der JavaScript-Engine des Browsers, also beim Client ab. Das spart zwar Rechnenkapazität auf dem Server, jedoch ist JavaScript in den Browsern der Generation vor Chrome nicht sehr performant. Am ehesten merkt man dies beim Einsatz des Google Syntaxhighlighters im Internet Explorer kleiner 7 beim Parsen mittelgrößer Code-Stücke. Fehlermeldungen, dass Skripte nicht zum Ende kommen und einfrierende Browserfenster sind die Folge.

Eine brauchbare Alternative stellt highlight.js von Software Maniacs dar. Diese JavaScript-Bibliothek funktioniert analog zu der von Google Code, jedoch ist sie weit performanter. Zwar lassen sich die Browsermeldungen nicht ausschließen, jedoch treten diese erst bei weit größeren Codeblöcken auf. Highlight.js ist mittlerweile auch Bestandteil des JavaScript-Framework Dojo.

3sat-Fernsehbericht über Google

Über „Master Plan – about the power of google„, einer Bachelor-Arbeit über die Bedrohung des Suchmaschinenriesen, berichteten wir kürzlich.

Eine etwas objektivere, aber dennoch nicht unkritische Reportage, lief kürzlich bei dem Fernsehsender 3sat. In dem Magazin „neues.Spezial“ wird in dem 30 minütigem Beitrag „Die Welt ist eine Google!“ über das Milliarden-Unternehmen berichtet. Neben einigen interessanten Einblicken in die kuriose Arbeitsumgebung z.B. mit Massagestudios, Wohnzimmer, Chillout-Areas und kunterbunten Relax- und Sportbereichen, lernt man auch ein wenig die Personen hinter dem sonst im Web so anonymen Unternehmen:

Die Welt ist eine Google!

Auch bei Youtube (Teil 1, 2, 3) ist der Beitrag mittlerweile zu finden.

Silbentrennung in HTML

Hyphenator ist ein Google Code Projekt, das per JavaScript eine Silbentrennung in die eigene Website bringt. Einfach API in die Seite einfügen und Silbentrennung starten:

<script src="http://hyphenator.googlecode.com/svn/trunk/Hyphenator.js" type="text/javascript">
</script>

<script type="text/javascript">
   Hyphenator.run();
</script>

Jetzt muss man nur noch den Elementen der Seite, auf die die Silbentrennung angewendet werden soll, die CSS-Klasse class="hyphenate" zuweisen. Explizit verhindern lässt sich die Trennung per class="donthyphenate".

Weiterlesen »

Landing Page Optimization

Über Affiliate-Programme geschaltene Werbemaßnahmen im Internet führen auf so genannte „Landing Pages“. Also Landeseiten, die dem Besucher nach dem Klick auf einen entsprechenden Werbebanner, eine Textanzeige, einen Sponsored Link o.ä. in übersichtlicher und möglichst überzeugender Weise das beworbene Produkt oder die Dienstleistung näher bringen und zum Kauf anregen.

Um aus dem interessierten potentiellen Kunden einen wirklichen Kunden zu generieren, ist zudem auf jeder Landing Page ein Response-Element, wie z.B. ein „Call-To-Action“-Button, ein Kontaktformular o.ä. nötig. Weiterlesen »

Traffic sparen mit AJAX Libraries API

Google bietet den kostenlosen Dienst „AJAX Libraries API“ an, mit dessen Hilfe sich über JavaScript automatisch ein oder mehrere bekannte JavaScript-Frameworks laden lassen. jQuery, prototype, script.aculo.us, mootools oder dojo lassen sich somit mit einer Zeile JavaScript-Code vom Google-Server laden.

Der Vorteil ist: Der Webbrowser des Besuchers meiner Seite lädt sich die gewünschten JavaScript-APIs direkt vom Google-Server anstatt meinen eigenen Webserver mit dem verhältnismäßig hohen Traffic der JavaScript-Dateien zu belasten. Zudem lässt sich die gewünschte Version des einzubetteten Scriptes einfach per Parameter bestimmen und schnell austauschen oder upgraden.

Weiterlesen »

SyntaxHighlighter macht Quellcode schön

Der „syntaxhighlighter“ von Google Code ist ein freies Skript, um die Syntax der Sprachen C++, C#, CSS, Delphi, HTML, Java, JavaScript, PHP, Python, Ruby, SQL, VB und XML iauf Websites farbig darzustellen. Der Highlighter ist vollständig in JavaScript geschrieben, arbeit rein clientseitig und lässt sich per CSS anpassen.

Hier ein Beispiel in der Sprache CSS zur Demonstration der Auszeichnung. Weiterlesen »

Master Plan – über die Macht von Google

Weltweit hat Google eine Marktdominanz von 44,1%, der größte Konkurrent Yahoo lediglich 28,7%. Im deutschen Vergleich hat Google gar fast 90% Marktanteil. Google hat mit seinen vielen Technologien im Web an vielen Stellen seine Daten-Nase im Spiel. Wenn Google die Informationen über einzelne Nutzer über seine verschiedenen Dienste vernetzt, ist Otto Normalsurfer heutzutage längt gläsern.

Google Inc. betreibt:

  • Google Suche (nach was wird gesucht? welche Seiten werden besucht?)
  • Google Maps (wohin wird gefahren?)
  • Google Earth (für welche Orte gibt es Interesse? wo wohnen Freunde und Bekannte? wo wird der Urlaub verbracht?)
  • Google News (was wird gelesen?)
  • Google Produktsuche, ehemals Froogle (was wird gekauft? zu welchen Preisniveaus wird gekauft?)
  • Google Mail (wer schreibt was und an wen?)

Weiterlesen »

Datenvisualisierung: Inspirationen

Wer im Informationsdesign tätig ist, beschäftigt sich damit, Informationen zu visualisieren. Besonders interessant sind Aufgabenstellungen, bei denen besonders große Datenmengen ästhetisch, eindringlich und dennoch aussagekräftig bzw. übersichtlich dargestellt werden sollen. Verschiedene Portale und Magazin berichten immer wieder über neue Ideen und kreative Umsetzungen und dienen somit als ausgiebige Inspirationsquelle. Auch Gestaltungsmagazine, wie PAGE schreiben immer öfter über den Trend Datenvisualierung, wie jüngst in Ausgabe 05/08 mit dem Titel „Info-Design interaktiv“. Weiterlesen »