html – EGM Weblog – Archive Edition

WordPress-Genesis-Themes in weniger als einer Stunde handytauglich machen

Tue, 28 Aug 2012 13:30:11 +0000

Wenn man Websites mit WordPress und dem Genesis-Framework baut, dann spart das viel Arbeit. Durch den immer gleichen modularen Aufbau kann man auch umfangreichere Arbeiten relativ flott umsetzen. Hier eine englische Anleitung, wie man ein Genesis Theme in weniger als einer Stunde handytauglich macht. Einziger Punkt, der mir noch dabei gefehlt hat: wenn man position:absolute; im ... weiterlesen

Flickr-Diashow in die eigene Website einbinden

Thu, 20 Jan 2011 20:27:55 +0000

Wer Bilder bei Flickr hochlädt und eine eigene Website betreibt, steht früher oder später vor der Frage, ob sich die Flickr-Bilder nicht als Diashow in die eigene Website einbinden lassen. Es geht, und zwar ziemlich einfach. Man fasst alle gewünschten Bilder in einem Flickr-Album zusammen, lässt sich das Album anzeigen und klickt auf Diashow. Sobald die Diashow begonnen hat, kann man in der rechten oberen Bildschirmecke auf „Veröffentlichen“ klicken und bekommt den HTML-Code serviert, den man in die eigene Website einbinden muss. Wenn man dort noch auf „Dieses HTML bearbeiten“ klickt, kann man sogar noch die Größe anpassen, in der die Slideshow angezeigt werden soll. Danach HTML-Code kopieren, an passender Stelle in die eigene Website einfügen und sich freuen.

Als Beispiel hier die Bilder von einer Führung durchs AKW Zwentendorf – viel Spaß!

Netzfundstücke vom 10.12.2010

Fri, 10 Dec 2010 10:15:45 +0000

Meine neuesten Links auf delicious.com vom 10.12.2010:

30 gratis FBML Facebook Templates inkl. PSD | Social Media Marketing, SEO Blues & Rock ’n‘ Roll –
How to Write a Great Blog Post in Just 15 Minutes | Social Media Examiner
Social Networks – Threats and Trends – Folien zum BitDefender-Vortrag am Barcamp Wien
Blogger können leidlich gelassen bleiben | law blog – Kommentar zum JWStV
russos: LBA-2009 | 350 метров счастья, подъем на боян. – Fotos der Besteigung eines verlassenen russischen TV-Sendemastes mitten im Nirgendwo (Galich)
Mit einem WordPress Blog viele Blogs unter selbständigen Domains betreiben – wie man die Multisite-Funktion einrichtet
praegnanz.de: Essentielle WordPress-Plugins für Nicht-Blogs
Wallpapers – BBC TopGear – Hintergrundbilder aus der britischen TV-Show
Themen: ELektronik-KOmpendium.de – umfangreiche Wissensdatenbank
Webdesign Preise und Kosten in Deutschland, Österreich und der Schweiz – Erhebung von webdesign-preise.net – Was kostet eine Website? Kalkulator auf Basis umfangreicher Daten aus DE/AT/CH
Mehrere Sidebar-Templates in WordPress | WordPress-Buch – wie man in WordPress mehrere Sidebars einbindet – der Trick liegt im Dateinamen!
WordPress: im Backend den Hintergrund der Website ändern | WordPress-Buch
Silbentrennung und bedingter Zeilenumbruch in HTML-Dokumenten | hyperkontext | Weblog
How To Make A Dynamic jQuery Feature Post Slider For WordPress | Tweeaks Design

Netzfundstücke vom 7.10.2009

Wed, 07 Oct 2009 20:56:43 +0000

Meine neuesten Links auf delicious.com vom 7.10.2009

30 Superb Free Street Graffiti Art Fonts | Dzine Blog – Braucht man eher selten, aber hier gibts 30 kostenlose Schriftarten im Stile städtischer Graffiti-Künstler
25 Best Collection of jQuery Menu Design Tutorials | jQuery Wisdom – Tolle HTML-Menüs mit jquery

Netzfundstücke vom 6.10.2009

Tue, 06 Oct 2009 19:57:26 +0000

Meine neuesten Links auf delicious.com vom 6.10.2009:

PHPBuilder.com: PHP Filters – an important security feature – Artikel über php-Filter zur Validierung von Eingaben
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin) – Webformulare mit jQuery in mehrere Schritte unterteilen
Showcase: Kontakt-Formulare von Portfolio Sites | Dr. Web Magazin – Ideensammlung für Kontakt-Formulare auf Websites
Realtime Related Tweets Bar: Another jQuery Plugin – Twitter-Feeds in Echtzeit in Websites einbinden
bassistance.de » jQuery plugin: Validation – jQuery-Plugin zum Validieren von HTML-Formularen

HTML 5 kommt: Doku & deutschsprachige Info zu CANVAS

Mon, 21 Sep 2009 13:55:57 +0000

Mit HTML 5 kommt auch das CANVAS-Element auf uns Webdesigner zu. In dieser deutschsprachigen Dokumentation zu CANVAS werden sehr umfassend die Einzelheiten dieses interessanten HTML-Tags besprochen und anhand von Beispielen gezeigt, was mit Hilfe von ein bißl Javascript damit alles an Funktionen möglich ist. Und in dieser Übersicht sind die für den Web-Entwickler wesentlichen Elemente ... weiterlesen

25 nützliche CSS-Tricks

Mon, 21 Sep 2009 13:48:12 +0000

Schon gewusst, dass man per CSS sogar die Farbe steuern kann, in der Textmarkierungen angezeigt werden? Gewusst, wie man Eingabeformulare höchst elegant ganz ohne Tabellen anlegt und dass man externe Links gesondert stylen kann? Wenn nicht, dann wird die Lektüre dieses Artikels auf webdeveloperplus.com höchste Zeit. Denn dort lernt selbst der hauptberufliche Webworker noch etwas ... weiterlesen

PDF und PPT in Website einbetten – ohne Acrobat oder Powerpoint!

Thu, 10 Sep 2009 18:48:51 +0000

Normalerweise ist es nötig, dass der Seitenbesucher den Acrobat Reader bzw. Powerpoint installiert hat, wenn man PDF- oder PPT-Dateien in eine Website einbetten will. Das Online-Tool Google Docs bietet ein undokumentiertes Feature, mit dem man solche Dateien in Websites einbetten kann, ohne dass die Seitenbesucher ein anderes Programm als den Browser benötigen! Die Dateien müssen dazu nicht in Google Docs hochgeladen werden, müssen aber online verfügbar sein. Der Trick funktioniert in jedem Browser, der iFrames und Javascript kann.

Mit diesem Codeschnipsel habe ich das PDF eingebettet:

http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true“ style=“width:580px; height:500px;“ frameborder=“0″>

Der fettgedruckte Teil muss nur gegen die URL des jeweiligen PDF oder PPT ausgetauscht werden. Einfach, aber unglaublich nützlich.
(gefunden auf Google Operating System)

Netzfundstücke vom 7.9.2009

Mon, 07 Sep 2009 08:09:11 +0000

Meine neuesten Links auf delicious.com vom 7.9.2009:

Volvo Ocean Race – Kurzes Video über das Leben an Bord eines VOR-Segelbootes – muss unfassbar mühsam sein, das 8 Monate lang auszuhalten

Sammlung dynamischer Foto-Galerien – Einige sehr hübsche Möglichkeiten, Fotos online zu präsentieren.

Facebook-Pinnwände sind nicht privat – Peinlich, peinlich: wenn man anstelle eines E-Mails auf seiner Facebook-Pinnwand schreibt, was sich nächtens zugetragen hat.

FormAssembly – Online-Baukasten für Webformulare mit Eingabeüberprüfung, bedingten Feldern, Tooltipps uvm. Basiert auf der Javascript-Formularerweiterung wforms ( http://www.formassembly.com/wForms/ )

Animiertes Scrollen mit jQuery – Wie man mit jQuery weich zu einem HTML-Anker scrollen kann.

WordPress-Hacks für Profis

Tue, 02 Jun 2009 13:45:01 +0000

Bin in letzter Zeit über Tonnen an WordPress-Ressourcen gestolpert, die ich euch nicht vorenthalten möchte (und die ich außerdem selbst wieder finden mag, wenn ich sie brauchen sollte):

WordPress Shortcodes: eine gute Einführung in Shortcodes – man kann damit in einen Beitrag speziell formatierte Abkürzungen einfügen, die beim Anzeigen des Beitrags dynamisch in lesbare Inhalte umgewandelt werden. Shortcodes werden seit WordPress 2.5 unterstützt und sind eine Technik, die unglaubliches Potential hat.

Thumbnails für Beiträge: englisches Tutorial, wie man jedem Beitrag ein Vorschaubild zuweist und diese Bilder auf der Startseite anzeigt.

Huge compilation of WordPress Code: umfangreiche Zusammenstellung von WordPress-Codeschnipseln

Eigentlich nicht WordPress, aber ein interessanter Ansatz: No more CSS Hacks erklärt, wie man mit PHP dynamisch ein Stylesheet für den aktuellen Browser erzeugt.

Update 4.6.2009: wie immer kommen noch interessante Links dazu, sobald man einen Beitrag freigeschaltet hat. So auch diesmal:

20 Tutorials for Working with Custom Fields: benutzerdefinierte Felder erlauben in WordPress verblüffende Anwendungen. Hier sind dutzende davon.

5 Useful WordPress-Functions You Didn´t know existed: hier werden 5 selten genutzte, aber dennoch brauchbare WordPress-Funktionen vorgestellt, die man als Entwickler nutzen kann.

3 awesome custom fields tricks: drei überraschende Anwendungsmöglichkeiten für benutzerdefinierte Felder in WordPress

28 ways to use WordPress custom fields: nachmal benutzerdefinierte Felder. Hier werden gleich 28 Anwendungsmöglichkeiten auf einen Schlag vorgestellt.