Internet

HTML5 Player Google Chrome CSS problem

Thu, 15 Mar 2012 13:11:00 +0000

HTML 5 Player sind eine tolle Sache, so lange man alle Browser aktuell hält und die Player so aussehen, dass man sie bedienen kann. Und genau darin liegt ganz schnell der Haken, wenn Safari, Firefox und Chrome (DER IE 9 reagiert mal wieder ganz individuell – wen wunderts?) ihre Player aufbauen. Das Problem mit dem Chrome ist allerdings schnell behoben, wenn man weiß, wo man ansetzen muss. Die CSS Anweisungen für Formulare nehmen auch Einfluss auf das Aussehen des Players, insbsondere "input". Firefox und Safari tun dies nicht. Also immer schön den Browser aktuell halten.

Contao Accordion mit Teaser

Fri, 03 Feb 2012 10:59:00 +0000

Man erweitert unter System - Modules - Frontend - Templates: ce_accordion.html5/xhtml um folgende Zeilen:

[?php echo $this->headline; ?]
[div class="accordion_teaser"]
[?php $text1= substr($this->text, 0, 120) . "..."; ?]
[?php echo $text1; ?]
[/div]
[/div]

MashUp

Wed, 13 Jul 2011 08:39:00 +0000

Wie kann sich dieser Mann nur merken, welche Taste welche Funktion ausführt.

http://www.youtube.com/watch?v=lTx3G6h2xyA

Contao Template Übertragung von lokal auf Webserver

Tue, 05 Jul 2011 10:10:00 +0000

Beim Übertragen einen Contao Templates auf den live Server trat folgende Fehlermeldung auf:

Fatal error: Uncaught exception Exception with message Too few arguments to build the query string thrown in /html/test/system/libraries/Database.php on line 634

#0 /html/test/system/libraries/Database.php(537): Database_Statement->replaceWildcards(Array)
#1 /html/test/system/libraries/Database.php(162): Database_Statement->execute()
#2 /html/test/typolight/install.php(579): Database->execute('INSERT INTO `tl...')
#3 /html/test/typolight/install.php(1039): InstallTool->run()
#4 {main}

Im Contao Forum behalf sich jemand damit, einfache Anführungszeichen aus den Inhaltstexten zu entfernen, um erfolgreich die Datenbank zu füllen. Ich hatte gar keine drin und somit testete ich sämtliche Möglichkeiten aus, wobei eine zum Erfolg führte:

Ich exportierte die Datenbank via phpMyAdmin manuell in gezippter Form und spielte Sie manuell ein. Danach aktualisierte ich die Datenbank mit Hilfe des Installations-Tools .../contao/install.php und alles war wieder in Ordnung.

Banner piece for La Gaîté Lyrique in Paris.

Tue, 22 Mar 2011 00:28:00 +0000

« In Memory of Chuck Poynter » by Olia Lialina & Dragan Espenschied for folklore du web

Web Analyse Alternative zu Google Analytics

Wed, 16 Mar 2011 10:36:00 +0000

Piwik wird lokal auf dem Webserver installiert. MySQL Datenbank samt php sollte also vorhanden sein. Über einen Java-Script bindet man die Funktionalität nach einer sehr simplen Installation in die eigene Seite ein. Danach lassen sich gleiche/ähnliche EInstellungen für einen Bericht verfassen und per E-Mail versenden. Der erste Eindruck ist sehr gut, jetzt wird die Zeit herausfinden, welches Tool sich für mich besser anbietet.

http://www.piwik.org/

Bericht auf heise.de
http://www.heise.de/newsticker/meldung/Datenschuetzer-empfehlen-Piwik-zur-Webanalyse-1208686.html

Paralles vHosts Mamp Pro

Mon, 31 Jan 2011 19:48:00 +0000

Das Prinzip ist einfach erklärt. Man darf nicht vergessen, auf den einzelnen Windows-Installationen die hosts Datei anzupassen. Dies geht zum Glück sehr einfach und schmerzfrei. Zuerst dem eigenen Rechner unter Systemeinstellungen eine fest IP zuweisen, im Anschluss unter Windows die host Datei anpassen. Die Datei befindet sich (Windows XP) in folgendem Verzeichnis: windows/system32/drivers/etc/hosts

Die Einträge um folgendes erweitern:
IP des Mamp Rechners + vHost Eintrag, zum Beispiel

192.168.1.666 teufel.dev

Das wars

tabellenfreie Image Gallery für Contao

Wed, 19 Jan 2011 01:17:00 +0000

Unschön ist die Lösung in Contao, ein Image-Gallery Element einzufügen. Eigentlich könnte man sehr schön auf die Tabellen verzichten. Irgendwo im Netz habe ich eine auf Listen basierende Lösung gefunden. Diese legt man sich einfach im Root-Verzeichnis in den Templates Ordner und schon greift Contao (kompatible bis 2.9.3) auf diese zurück. Ich hab das Template um die Funktion erweitert, dass die einzelnen li Elemente noch eine Klasse bekommen, damit man einzelne Bilder auf Wunsch per css hervorheben kann.

Download-Template

Problem Contao IE7 #main

Tue, 18 Jan 2011 01:17:00 +0000

bin jetzt ca. ne Stunde daran gesessen, um herauszufinden, warum der #main div im IE7 einfach nicht auf die CSS Anweisungen anspringt. Sämtliche float – Versuche und alles was, man so in seiner IE-Verzweiflung standardmäßig runterspult schlugen fehl. Obwohl es sich bei dem #main um eine ID handelt, funktionierte erst alles, als ich aus:

#main {
...
}

#container #main{
...
}

machte. Warum ich den #main erst über die übergeordnete ID ansprechen konnte, bleibt mir ein Rätsel, aber es funktioniert nun alles. Für den IE8 war dies nicht nötig, also bitte darauf achten, dass diese CSSAnweisung nur für den IE7 aufgerufen wird. Stichwort: Conditional Comment.

Contao Accordion

Wed, 27 Oct 2010 01:16:00 +0000

Manchmal ist es notwendig, dass sämtlich Automatismen abgestellt sind, um keine Reizüberflutung zu erzeugen und dem Betrachter Zeit zu geben, zu verstehen, was er machen soll oder besser kann. In Contao klappt der Accordion Effekt standardmäßig aus. Dies kann man ganz leicht verhindern, wenn man die moo_accordion.tpl Datei um eine Zeile erweitert. Diese findet man unter system / modules / frontend / templates. Um bei zukünftigen updates zu verhindern, dass die Datei wieder überschrieben wird, kopiert man sich diese am besten in das template Verzeichnis auf root Ebene. Contao bevorzugt Template Dateien in diesem Verzeichnis denen im System, was den Vorteil hat, dass man beliebig Änderungen machen kann, ohne das System zu zerstören oder gar bei Updates Funktionen neu zu beleben.

Die Zeile
....
opacity: false
....
ergänzt man durch
....
opacity:false,
show:true
...

und schon wartet accordion auf einen Klick, bis es sich zum ersten Mal öffnet

–––––––––––––––––
Update: Seite Contao 2.10 funktioniert dies nicht mehr
------------------
Um das Accordion eingeklappt zu halten, muss unter: System - Modules - Frontent - Templates - moo_accordion.html5/xhtml nach alwaysHide: true,
display: -1,
ergänzt werden

Contao: Das Open Source CMS

Mon, 10 May 2010 01:15:00 +0000

Über die Jahre habe ich immer wieder CM System ausprobiert und getestet. Angefangen von Contenido über Wordpress, Textpattern und Joomla bin ich nun bei Contao gelandet. Problemlose Installation, ebenso leichte Integration von individuellen Layouts, die gleichzeitig noch browserkompatibel sind (!!!). Mootools usw. ist vorhanden und der Erweiterungskatalog kann ohne FTP Verwendung eingebunden werden. Kalender, Newsfunktion und Formulargenerator sind ebenfalls von Haus an Board. Das System ist seitenbasierend, so viel sollte man erwähnen, dafür verfügt es über eine ausführliche Benutzerverwaltung, die keine Wünsche offen lässt.

Phatfusion Multibox

Tue, 27 Apr 2010 01:14:00 +0000

Schuld daran könnte sein, so war es zumindest bei mir, dass die “Assets.js” Datei mit Großbuchstaben versehen war. Die Datei mit kleinem a versehen, nochmal die Einbindung im Kopfbereich checken und schon sollte es funktionieren.

Doppeltes Element im IE8

Tue, 27 Apr 2010 01:10:00 +0000

Ich arbeitete gerade an einem neuen Design für einen Kunden, als die Vorschau im IE8 im Gegensatz zu allen anderen Browsern (auch IE6 + IE7) einen DIV Layer doppelt angezeigt hat, wobei der Inhalt des ersten Layers leer war und der Inhalt im gedoppelten angezeigt wurde (zu sehen durch border:1px …...). Schuld war leider kein Bug, sondern ein nicht richtig geschlossener Link tag im Element zuvor. Wer also schon geflucht hat über den IE8 sollte sich an den eigenen Ohren ziehen.

Browsershot = Browserschock

Tue, 02 Mar 2010 01:09:00 +0000

Es ist nichts mehr ganz Neues, dass verschiedene Services Screenshots von Seiten in unterschiedlichen Browserversionen anbieten. http://browsershots.org/ ist ebenfalls so ein Anbieter. Die Liste der Browser ist so lang wie die Wartezeit der zu erstellenden Shots. Alles in allem ein umfangreicher Service, aber die Geschwindigkeit macht es unmöglich, dieses Angebot in eine Live Entwicklung zu integrieren.

Wer für 4 Screenshots über 10 Minuten warten muss, findet keinen Gefallen an dieser Arbeitsweise und wird auf andere Dienste ausweichen. Da bleibt das NetRenderer Angebot für den Firefox immer noch realistischer, allerdings sind die Screenshots auf IE Versionen beschränkt. Andere Versionen bleiben aussen vor.

Hat es nun oder hat es nicht

Mon, 08 Feb 2010 01:09:00 +0000

Was nützt ein Standard, wenn sich keiner daran hält. Bei Web Browsern ist das eine heikle Sache, erhöhen sie doch enorm den Entwicklungsaufwand beim Erstellen von Internet-Auftritten. Der Internet-Explorer ist unter diesen Zeitgenossen der wohl eigenwilligste. Er hat nämlich von Microsoft ein Konzept implementiert bekommen, das sich “hasLayout” schimpft und im besten Falle auf true gesetzt ist. Leider lässt sich dies nicht so einfach als CSS-Eigenschaft anpacken, also ein { hasLayout:true } bleibt ohne Wirkung. Auswirkungen dieses Konzeptes sind die sogenannten IE Bugs, die teilweise durchgeknallter sind als Dr. Gonzo und Raoul Duke. Hier sind ein paar meiner absoluten Favoriten:

Peekaboo Bug
Dieser Bug lässt Inhalte verschwinden. Bei mir ist er zum ersten Mal aufgetreten, als ich eine Unternavigation mit position:absolute ausgerichtet habe, auf die ein gefloateten Layer folgte. Schwups, war der Inhalt weg. Es gibt 3 Lösungsansätze

Duplicate Characters Bug
Ein sehr häufig auftretender Fehler, bei dem auf einmal die letzten 2-3 Zeichen/Buchstaben einer Zeile in der nächsten wieder auftauchen. Zum Glück lässt sich dieser Bug sehr einfach beheben. Man gönnt dem übergeordneten Element, indem sich der Absatz befindet, ein * html margin:-3px; und alles wird gut.
Ausführlicher Lösungsweg

Guillotine Bug
Trat erst vor kurzem wieder bei einer Änderung auf, die ich gemacht habe. Ein Hover Effekt, der auf einmal Inhalte abschneidet. Die bisher einzige Möglichkeit, dies zu bereinigen ist, einen anschliessenden Layer mit { clear:both; } folgen zu lassen.
Ausführliche Beschreibung

Übersicht
Wer noch weitere IE Bugs nachschlagen möchte, oder verzweifelt nach einer Lösung für ein Problem sucht, das hier nicht beschrieben wurde, findet unter folgendem Link weitere Aufzählungen an Bugs oder sogar den richtigen Ansprechpartner für das eigene, ungelöste Problem.
www.traum-projekt.com

Hilfe für OSX Firefox

Mon, 08 Feb 2010 01:07:00 +0000

Was wäre die Web-Welt ohne virtuelle Maschinen, auf denen Betriebssysteme wie Windows, meist sogar mehrfach installiert sind, damit man die Entwicklung von Web Seiten auf dem IE 6-8 testen kann. Gut, momentan scheint man beharrlich gegen den IE 6 vorzugehen, jedoch wird man kaum um Testumgebungen für IE 7 und 8 in Zukunft herumkommen. Damit man nicht schon von Anfang an bei der CSS Entwicklung diese Umgebungen laufen lassen muss, kann man auf IE Renderer ausweichen, die einem Voransichten in den genannten 3 Browsern liefern. Funktionalitäten von Scripten lassen sich dadurch zwar nicht überprüfen, aber zumindest bekommt man einen Eindruck, wo der eine oder andere Bug herumkrabbelt. Für den Firefox gibt den Renderer Zugang als Plug-In, wobei dieser auch nur spezifische Seiten in Tabs aufruft, im Safari muss man halt den Renderer direkt aufrufen.

Firefox Plug-IN
IE NetRenderer 0.9.5

Renderer Seite
http://ipinfo.info

IE6 must DIE

Wed, 03 Feb 2010 01:12:00 +0000

Seit geraumer Zeit steigen immer mehr Initiativen, die den Internet Explorer der Version 6 aus dem Netz zu verbannen. Warum sehr viele noch immer diesen Browser auf ihrem Rechner verwenden, liegt höchstwahrscheinlich immer noch an der Angst vieler, über das normale Anwenden von Programmen hinaus etwas an ihrem PC zu verändern. Wer aber Auto fahren möchte, sollte auch tanken können und dieser Browser ist mit seinen 8 Jahren auf dem Buckel einfach nicht mehr der aktuellen Situation des Webs angemessen.

Neben der Tatsache, dass er von Hause aus schwere Sicherheitslücken mit sich bringt, technische Defizite aufweist, hat seine Verwendung auch wirtschaftliche Folgen. Bei der Entwicklung von Internetseiten müssen spezielle Anpassungen geschrieben werden und es können nur eingeschränkt Bildformate verwendet werden. daher ist es enorm wichtig, dass IE6 Anwender auf die aktuelle Version 8 updaten oder auf Alternativen wie Opera, Firefox, Chrome oder Safari zurückgreifen, wobei ich persönlich Google und seinen Browser Chrome nicht unterstützen würde. Mehr zu Thema IE6 und warum er aus dem Netz verschwinden sollte unter:

Spiegel Online Bericht über schwere Sicherheitslücken

http://mashable.com

www.wikipedia.de

Microsoft drängt IE6 Nutzer zum Update

beliebige Schriften im Netz

Thu, 28 Jan 2010 01:13:00 +0000

Das Einbinden von beliebigen Schriften in Webseiten ist ein altbekanntes Thema. Hardliner werden sicherlich ihre Argumente dagegen haben, Ästheten wiederum sind die Microsoft Standard Schriften schon lange ein Dorn im Auge. Die Problematik liegt darin, dass beliebige Schriften meist verwendet werden, indem sie als Bild/Grafik den ursprünglichen Text ersetzen. Dieses Vorgehen ist nicht vertretbar. Abgesehen davon, dass man sich selbst Suchmaschinen verschliesst, behindert man Menschen den Zugang zu Informationen, die auf barrierefreie Inhalte angewiesen sind, weil sie sehbehindert oder gar blind sind und mit Texten als Grafik nichts anfangen können.

Über CSS konnte man dann den ursprünglichen Text erhalten, jedoch ist es hierbei immer noch notwendig, manuell einzugreifen. In automatisierten Content-Management-Systemen* ist diese Technik kaum einsetzbar. Also was tun. Mit Hilfe der sIFR Technologie ist eine funktionale Möglichkeit gegeben, dies auch in CM-Systmen umzusetzen. sIFR erkennt über ein Script festgelegte Bereiche, z.B. Überschriften (h1, h2, h3) und ersetzt diese durch die gewünschte Schrift, die zuvor in einer Shockwave-Datei (Flash) auf dem Server abgelegt wurde. der Vorteil liegt darin, dass sobald die se Scripte abgeschaltet sind – dies kann jeder manuell an seinem Browser einstellen – der Text in der festgelegten Standard Schrift angezeigt wird.

mehr zum Theme unter:
Mike Industries

_{*Content-Management-System (CMS) – Ein Redakteurssystem, mit Hilfe dessen man Inhalte des Internetauftritts über eine Oberfläche im Hintergrund selbst verändern oder erweitern kann.}