Webstandards-Magazin

Allgemein, Web und Design, e-Commerce No Comments »

Meine Empfehlung der Woche: Webstandards-Magazin. Sehr informatives Stapel Papier für die, die gerne lesen und sich dem Handwerk “Webdesignveloper” gewidmet haben und gerne lesen. Wie ich zum Beispiel: Wenn ich auf dem Weg in die Stadt bin, oder einfach nichts zu tun habe (Achtung: Lüge), dann ist es ganz interessant die Web-Welt auf dem Papier zu haben. Und nicht nur auf dem Bildschirm. Außerdem stehe ich voll auf den Geruch des frischen Papiers..

In der ersten Ausgabe geht es um eins dem Blog sehr nahes Thema: eCommerce. Usability, Barrierefreiheit usw. sind dort die Schwerpunkte.

Das Magazin ist nicht nur für Webdesigner und Webdeveloper nützlich, dieses sollten sich alle anschauen, die im Web tätig sind. Schon mal aus dem Grund, dass sie die Designer und Entwickler beim nächsten Auftrag zumindest im sehr geringen Maß verstehen können.

CSS dynamisch verändern

Web und Design No Comments »

Hallo! Der erste Beitrag seit laaaanger Zeit..

Ich habe schon länger mit dem Gedanken gespielt, wie man in CSS einige Werte dynamisch einstellen kann. Mir Variablen statt Werte ist meiner Meinung nach nicht so gut, da man mit dem CSS ohne den Server (ohne PHP) nichts machen kann.

Daher die Idee, dass man einige Attribute mit Kommentaren markiert.

h1 {
   font-size: 12px /*- mytitle -*/;
   color: red /*- mytitle -*/;
   border: 2px solid;
   padding: 1em;
}

Verändern kann man die Attribute, die einem DynCSS Id zugeordnet sind:
/*- someID -*/

defineAttributes('mytitle', new cssAttr('font-size', '29px'));

Die CSS wird eingelesen, verändert und wieder ausgegeben.. Wenn man das aber doch nicht macht, funktioniert sie trotzdem und bleibt valide. Erledigt wird das durch eine kleine Klasse, die hier mit einem Beispiel heruntergeladen werden kann.

DynCSS downloaden

Die Klasse ist in einem “Subalphastatus” :) Wenn es Ideen oder Hinweise gibt, wäre ich sehr froh und würde versuchen diese umzusetzen.

jQuery Plugin - Elemente gleich hoch machen

Allgemein, Web und Design No Comments »

Ein sehr kleines und einfaches Plugin. Kann aber bei CSS-Boxen nützlich sein, wenn man sie Content-abhängig gleich hoch machen will. Denn ohne JS ist das leider nicht möglich.
Richtet sich eher an Bastler, als an Endbenutzer:) Read the rest of this entry »

jQuery Plugin - Defaultwerte für Eingabefelder

Web und Design No Comments »

Ich habe für ein Template dringend benötigt, dass einige Felder standardmäßig bestimmte Inhalte haben (”Suchen…” oder “Bitte eingeben!”). Da ich in letzter Zeit mich immer mehr für jQuery begeistere, habe ich ein kleines Plugin geschrieben. Read the rest of this entry »

Smarty Tipps - Defaultwerte

Smarty No Comments »

Wenn man in Smarty eine Variable ausgibt, die nicht immer gesetzt ist (z.B. keine Posts, keine Suchergebnisse), dann kann man die Abfrage mit if/else machen:
{if $cnt}Sie haben {$cnt} neue Nachricht(en){else}Keine neue Post{/if}
Wenn aber nur die Warnung kommen soll, wenn man keine Nachrichten hat, reduziert sich der Aufwand bemerkenswert:
{$cnt|default:'Keine neue Post'}
Wenn $cnt nicht gesetzt ist, dann wird der Default-Wert angezeigt.

Ready for an Update?

Web und Design No Comments »

Wordpress 2.6 ist endlich da. Die alte Version 2.5 wird nicht mehr gepflegt. Ich spiele schon mal mit dem Gedanken meine alte Version (2.3.3!!) endlich mal auf den neuen Stand zu bringen. Aber das mache ich wohl erst mit dem neuen Design.. Wann kommt es bloß…

http://wordpress.org/development/2008/07/wordpress-26-tyner/

Javascript in Smarty ausgeben

Smarty, xt:Commerce No Comments »

Wer schon mal versucht hat, in einem Template ein JavaScript auszugeben, merkte wohl, dass der Smarty-Parser dabei einen Fehler meldet. Es liegt daran, dass die JS Funktionen mit der gleichen geschweiften Klammer starten wie die Smarty-Tags. Damit das nicht passiert, muss das JS zwischen den Tags {literal}{/literal} platziert werden. Diese Tags verhindern, dass der Code dazwischen von Smarty geparst wird. Es hilft auch, wenn man die geschweiften Klammern ‘{’ und ‘}’ aus irgendeinem Grund ausgeben möchte. Für diese gibt es außerdem die Tags {ldelim} für die öffnende und {rdelim} für die schließende geschweifte Klammer.

Internet Explorer 6 als HTML und CSS Debugger

Web und Design No Comments »

Auch wenn so schlecht ist: der IE6. Jeder, der schon mal eine Website gebaut hat, weiß, wieviele Probleme der Explorer einem bereitet. Aber er ist ein wirklich guter Debugger: wo Firefox ja doch ein Auge zumacht und den fehlerhaften Stylesheet ordnentlich darstellt, steigt der IE aus und zeigt nur Grütze an. Read the rest of this entry »

Popupbilder in der Produktinformation

Smarty, xt:Commerce 2 Comments »

Haa.. Geniale Dinge sind meistens sehr einfach. Wenn man eine Lightbox für die Großansicht der Produktbilder einbaut (XTC), dann hat man eigentlich das Problem, dass man nur den Link zu dem Popup mit dem Bild hat und kein Link zu dem Bild. Einige fangen da an die Systemdateien zu ändern, aber das ist ja doch eine unsaubere Lösung. Lieber den Core unberührt lassen. Read the rest of this entry »

Input Box und Button in der gleichen Höhe

Web und Design, xt:Commerce 5 Comments »

Ein kleiner Beitrag, der aber vielleicht dem Einen oder dem Anderen hilft: Man hat ein Eingabefeld und einen Button, die sind nicht richtig positioniert: der Button etwas nach oben gerückt. Das Beispiel bezieht sich auf ein XTC-Template. Ist aber natürlich auf alles anwendbar.
{$ADD_QTY}{$ADD_CART_BUTTON} Read the rest of this entry »

WP Theme & Icons by N.Design Studio
Internetservice Köln
Entries RSS Comments RSS Anmelden