Artikel rund ums Thema Webdesign und Frontendentwicklung

Code und Syntax highlighting in blogger oder tumbler

Oh, ich sehe grad ich hab ja noch n alten Blogger Account, mal gucken ob ich den nicht dafür verwenden kann meine Snippet Sammlung anzulegen.

Eigentlich wollte ich das ja mit Joomla und ner CCK Komponente machen, aber ich werde der einfach heit halber mal hier starten.

Da ich in diesem Blog also Code Snippets zusammentragen werde, ist das Code highlighting ziemlich essentiell.

Ich bin nach einiger Suche auf Snippet gestoßen, Snippet is a jQuery syntax highlighting Plugin, dass sich relativ einfach einbinden läßt.

jQuery, das Snippet Plugin + Css Datei einfach vor Ende des </head> Tags einfügen
{codecitation}

<link href='http://cdn.ucb.org.br/Scripts/snippet/jquery.snippet.css' rel='stylesheet' type='text/css'/> 
<script src='http://cdn.ucb.org.br/Scripts/jquery-1.5.1.js' type='text/javascript'></script> 
<script src='http://cdn.ucb.org.br/Scripts/snippet/jquery.snippet.js' type='text/javascript'></script> 
{/codecitation}
dahinter und ebenfalls for dem Tag wird noch die Funktion definiert
{codecitation}
<script> 
$(document).ready(function(){
$("pre.htmlCode").snippet("html",{style:"emacs",clipboard:"http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf"});
$("pre.styles").snippet("css",{style:"emacs",clipboard:"http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf"});
$("pre.js").snippet("javascript",{style:"emacs",clipboard:"http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf"});
});
</script> 
{/codecitation}

Mehr zur Funktionsweise auf der Seite steamdev.com/snippet/

Details http://www.webdesign-ecommerce.de/2011/08/h1-tag-h3-html-is-awesome-womp.html

Was steckt hinter eyeonu webdesign Berlin?

eyeonu webdesign berlin habe ich als Freelancer gegründet. Es handelt sich nach wie vor um ein Einmannunternehmen, das sich auf Frontendentwicklung im Bereich E-Commerce Spezialisiert hat.

Neben der Umsetzung von Designs für Online-Shops gibt es aber auch immer wieder Zeitfenster für kleinere Projekte und Websites bspw. auf Basis von Joomla

Blogeinträge

Favicons in verschiedenen Größen

Die Zeiten, in denen es ausgereicht hat, ein favicon in 16x16 pixel hochzuladen, sind vorbei. Heute verlangen die verschiedenen Devices...

Check von SSL Seiten

SSL Gerade E-Commerce Seiten sollten zumindestens im Checkout eine sichere Verbindung über SSL aufgebaut werden. Meistens stellt man jedoch nach der Umstellung...

Zufällige Reihenfolge in Magento Kategorie Listen

Manchmal kann es sinnvoll sein, die Produkte in der Magento Kategorie Ansicht bei jedem Seiten Aufruf zufällig anzuordnen. Dies ist standardmäßig...

Magento Transactional Email Conditionals

kürzlich wollte ich in einer Invoice E-Mail für Bestellungen die keine Steuer ausweisen müssten eine extra Nachricht anzeigen. Das...

Joomla Blog als Feed ausgeben

Nicht so ganz intuitiv ist das generieren oder ausgeben eines Feedlinks für eine bestimmte Kategorie in Joomla. Folgender Maßen muss...

Rechtschreibprüfung für die Website online durchführen

abcEditierenZum Schreiben kleiner Textpassagen, lässt sich gut die Duden Rechtschreibprüfung verwenden. Wenn man aber eine Website auf Rechtschreibfehler überprüfen möchte...

Kontakt Info

  office(@)eyeonu.org
  +49 (0)30 25043398
  +49 (0)30 23320770152
  Hermannstr. 56 Berlin

Our Map


zum Kontaktformular
Definicja opieki zdrowotnej http://polskaaptek.com/ najbliższego obrzęd pomocy apteka