Editor

Webdesigner Links

von & abgelegt unter Allgemein.

In diesem Artikel versuche ich eine möglichst umfangreiche Linkliste mit Tools, tutorials, Design Sites,… zu pflegen. Es kann natürlich nur eine persönliche Sicht widerspiegeln und einen sehr kleinen Ausschnitt der tatsächlichen Möglichkeiten darstellen. D.h. hier kommen meine persönlichen Favorites rein… Framworks, Tools,… jQuery – das wohl populärste Javascript Framework, das vieles erleichtert… Mootools - Framework mit… mehr »

imd_embed_field

IMD EMBED FIELD WordPress Plugin

von & abgelegt unter Allgemein, snippets, Wordpress, Wordpress Plugin.

IMD EMBED FIELD ist ein kleines WordPress Plugin, welches es ermöglicht den Inhalt von benutzerdefinierten Feldern (custom fields) ungefiltert an beliebige Stellen eines Artikel innerhalb von WordPress auszugeben. Das ist nützlich, wenn z.B. in einem Artikel HTML/CSS/Javascript Code verwendet wird, der nicht zur Template Struktur des verwendeten WordPress Themes passt und nur für einen einzelnen… mehr »

screenshot

Modifiziertes BONES Theme herunterladen und installieren

von & abgelegt unter Tutorial, Wordpress.

Das Bones Theme ist ein HTML5 basiertes WordPress Theme, welches u.a. das HTML5 Framework Boilerplate integriert. Um die künftigen Standards bereits jetzt sinnvoll einzusetzen, bietet das Bones Theme eine gute Basis, weil es viel Anpassungsarbeit (z.B. für veraltete Browser IE7, IE8,…) abnimmt. Damit sich das Bones Theme für unser Seminar eignet, habe ich es entsprechend angepasst,… mehr »

wordpress

Nützliche WordPress Plugins

von & abgelegt unter Allgemein.

Contactform 7 – Kontaktformulare erstellen leicht gemacht. AJAX Thumbnail Rebuild – Neue Einstellungen in der Mediathek für die Thumbnail Größen greifen nur für alle neuen Bilderuploads. Dieses Plugin führt die Größenänderung auch für alle bereits existierende Bilder durch. Audio Player – MP3 Player mit ID3 Tag Support Search & Replace – Wenn WordPress mal umziehen… mehr »

thumb

CSS Animationen

von & abgelegt unter experimental, HTML & CSS, tests, Tutorial.

Firefox 5 kann CSS Animationen und es ist eine der wesentlichen Neuerungen in der Version 5. Interessant daran finde ich, dass hier ein Feature herausgehoben wird, das vorrangig den Webdesigner/-Entwickler interessieren dürfte. Grund genug also, sich als Webdesigner ein Stück weit damit zu beschäftigen. CSS Animationen erlauben es, Anfangs- und Endzuständen sowie Zwischenzustände nach Belieben… mehr »

Beispiel aus den Canvas Versuchen

Playing with canvas

von & abgelegt unter experimental, HTML & CSS, snippets, tests.

Inspiriert von David Klobers tollen Canvas Beispielen, musste ich auch unbedingt mal schauen, was dieses Canvas Objekt denn tolles kann…Der Anfang war recht ernüchternd – ich bekam zunächst mangels Wissen nur langweilige Zeichenfunktionen hin. Nach Hinzunahme eines Images fing es dann aber an Spass zu machen und plötzlich eröffnete sich ein sehr großer Horizont. David… mehr »

code

CSS Positions

von & abgelegt unter HTML & CSS, snippets, Tutorial.

Die CSS Eigenschaft “position” steuert auf welche Art und Weise ein HTML-Element positioniert wird. Mit den Eigenschaften top, right, bottom und left, können die Elemente dann entsprechend postioniert werden. Anhand der nachfolgenden Beispiele will ich versuchen die verschiedenen Positionsvarianten zu erläutern. Aufbau der Beispiele auf dieser Seite Alle Beispiele auf dieser Seite haben eine gemeinsame… mehr »

code

CSS3 transition & transform Teil 1

von & abgelegt unter HTML & CSS, snippets, Tutorial.

Nachdem ich eine Aufgabe zum Thema CSS Layouts für das 2. Semester stellten wollte und diese zunächst an mir selbst erprobte, kam das Thema CSS3 für höhere Semester ins Spiel. Um hier einen Einstieg zu finden nahm ich die von mir erstellten “CSS Layouts” Dateien und probierte einige CSS3 Eigenschaften aus, die zum Zeitpunkt der… mehr »

code

Notepad++ Editor für Windows

von & abgelegt unter Allgemein.

Notepad++ ist ein hervorragender schlanker und freier Opensource Code Editor. Notepad++ ist durch Pulgins erweiterbar und bietet dadurch einen Funktionsumfang, der sich mit kommerziellen Editoren messen kann. Weil wir in unserem Seminar auf freie Lösungen setzen, ist Notepad++ unsere Empfehlung für die Windows Plattform. Im folgenden Screencast gehe ichkurz auf hilfreiche Erweiterungen und Konfiguration von… mehr »

wordpress

Vereinfachtes Update einer bestehenden WordPress Installation

von & abgelegt unter Screencasts, Wordpress.

In diesem Screencast wird das Update einer bestehenden WordPress Installation auf vereinfachte Weise durchgeführt. Für den Produktiveinsatz sollten noch einige zusätzliche Schritte und Vorkehrungen beachtet werden. Details zu einem “sauberen” Update finden Sie hier. Verwendete Programme / Umgebung: WordPress 2.71 & 2.8 DE-Edition zu finden unter: wordpress-deutschland.org Betriebssystem Mac OS X Leopard Internetbrowser Safari 4.01… mehr »