Die Transparenz von Elementen ist zwar ein alter Hut,
aber da ich selbst immer wieder gerne vergesse,
wie man es in allen Browsern anwendet, dachte ich mir,
ich schreib es einfach mal hier rein, vielleicht geht es
ja anderen genauso wie mir, und wenn nicht, hab wenigstens ich
einen Ort an dem ich es wieder finde.
Vor ein paar Tagen habe ich eine sehr Interessante Lösung gefunden auf CSS Hacks für Safari, Internet Explorer, Opera, Firefox etc verzichten zu können. Und zwar mit der Hilfe eines “CSS Browser Selectors”.
Da ich mich gerade mit Flex beschäftige, hab ich eine Möglichkeit gesucht, mit einem leichten Texteditor unter OSX anzufangen, und zwar Textmate. Von Hause aus gibt es leider keine Unterstützung für Flex, aber nach ein paar Minuten suchen, habe ich genau das richtige Bundle gefunden. Besser sogar, einen ganzen Block nur um das Thema Textmate, Flex und ActionScript. Simon Gregory bietet verschiedene Textmate Bundles an, um das Arbeiten mit Flex, Flash und ActionScript unter Textmate zu vereinfachen.
Da ich mich gerade mit dem Thema Flash und Flex 3 beschäftige, war die erste Aufgabe, erstmal Flex zu installieren. Hier eine schnelle und kleine Einführung was zu tun ist:
Über Twitter habe ich heute einen sehr interessanten Link zu einem Cheatsheet für den IE6 bekommen. Erst dachte ich da stehen mal wieder nur die üblichen Verdächtigen drin, aber es ist eine wirklich große und schöne Sammlung an Informationen, wie man mit dem IE6 umgehen kann und schon im Vorfeld Fehler und Probleme vermeiden kann.
Klar sind die üblichen Verdächtigen auch dabei, aber hier mal alles in einem Artikel zusammen gefasst.
Sicherlich wird es dem ein oder anderen helfen.
Ultimate IE6 Cheatsheet: How to Fix 25+ Internet Explorer 6 Bugs
Persönlich benutze ich keine InternetExplorer, es sei denn ich muss Webseiten testen, dann führt ja kein Weg daran vorbei.
Für die, die nicht auf den lahmen und Feature armen Browser verzichten wollen,
gibt es nun ein plug-in, mit dem man dem Browser so richtig Feuer untern Hintern machen kann.
Das IE plug-in heisst Google Chrome Frame, und es ermöglicht die Einbindung der Chrome Engine innerhalb des Internet Explorers (IE6, IE7, IE8).
Somit erhält der IE die Geschwindigkeit und Features vom Chrome Browser, sogar die Unterstützung von HTML5.
Alles was man machen muss, ist erstmal das IE plug-in zu installieren. Wenn das geschehen ist, kann jede URL mit dem Prefix “cf:” in der Chrome Engine geöffnet werden. (z.B. cf:http://www.google.de).
alternative gibt es für Web-Entwickler die Möglichkeit per meta-Tag das öffnen per plug-in zu veranlassen.
1 | <meta http-eqiuv="X-UA-Compatible" content="chrome=1" /> |
Google hat ausserdem noch ein JavaScript um zu testen, ob das Chrome Frame plug-in installiert ist bzw. es zu installieren.
1 2 3 4 5 6 7 8 9 10 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script> <div id="placeholder"></div> <script> CFInstall.check({ node: "placeholder", destination: "http://www.trunkfish.de" }); </script> |
Das ganze ist noch in der Testphase, es funktioniert also noch nicht alles, aber interessant ist es schon, vielleicht bleibt vom InternetExplorer nicht mehr übrig als der Rahmen, mal sehen.
Mehr Infos gibt es auf InfoQueue.
Jeder der bis heute Stunden lang seine “keywords” im Meta-Tag gepflegt hat, wird sicherlich etwas enttäuscht sein, den Google ignoriert sie einfach, dass heisst die mühsam zusammen gestellten “keywords” haben nicht die geringste Auswirkung auf das Ranking bei Google, und haben es auch nie gehabt.
Vielleicht ist es ein Trost, das es vielleicht irgendwann mal so sein kann, oder aber das evtl. ja andere Suchmaschinen einen Blick darauf werfen.
Diese Info stammt aus erster Hand, direkt von Google.
“Progressive Enhancement” und “Graceful Degradation” wer hat noch nicht davon gehört,
doch ist jedem klar, was damit gemeint ist ?
Sitepoint hat einen ersten kleinen Artikel verfasst, der einen Überblick verschaffen soll.
Es werden erstmal nur die Ansätze der beiden Techniken beschrieben, wie sie angewendet werden, erfahren wir sicherlich in den nächsten Tagen,
man kann gespannt sein.
1WebDesigner.com hat eine sehr schöne Liste zusammen gestellt, mit Links zu Tutorials und Ressourcen rund um HTML Form Elemente. Einige Tutorials zeigen sehr interessante Wege mit CSS und JavaScript Form Elemente so zu gestallten.
Und natürlich werden eine menge Wege aufgezeigt, wie man auf Tabellen zum gestallten verzichten kann.
Ein Blick lohnt sich mit Sicherheit.
51 Form Element Resources and Tutorials Using CSS And Javascript
Mit hilfe einer @media Regel hat man die Möglichkeit, leichte Abweichungen im CSS für Safari und Chrome vorzunehmen.
Durch die @media Regel ignorieren andere Browser die darin enthaltenen Anweisungen:
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ }
Ich denke dies könnte sehr nützlich sein, wenn man mal nur eine Kleinigkeit anzupassen hat.