Pimp Deinen InternetExplorer

Posted on : 24-09-2009 | By : DKl3in | In : Entwicklung

0

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.

SEO – Google und die Meta-Tags

Posted on : 23-09-2009 | By : DKl3in | In : Entwicklung

0

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.

Google does not use keywords meta tag in web ranking

Progressive Enhancement und Graceful Degradation

Posted on : 22-09-2009 | By : DKl3in | In : Entwicklung

2

“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.

Progressive Enhancement and Graceful Degradation

HTML Form Elemente, 51 Ressourcen und Tutorials

Posted on : 22-09-2009 | By : DKl3in | In : Design, Entwicklung

0

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

Studio & Lightroom Tether

Posted on : 20-09-2009 | By : DKl3in | In : Design

0

Studio & Lightroom Tether ist ein Programm/Plugin für Lightroom,
es ermöglicht die direkte Anbindung an Lightroom.
Was heisst dass ?
Du kannst mit diesem Plugin Deine Spiegelreflexkamera fernsteuern, und die Fotos direkt in Lightroom betrachten.
Es bietet nicht nur die Möglichkeit den Auslöser zu betätigen, sonder darüber hinaus auch Einstellungen wie die Blende und Verschlusszeit zu verändern.

Ein sehr schönes Plugin, und dazu noch kostenlos.
Es werden viele Kameras von Nikon und Canon unterstützt.
Beim installieren solle man genau lesen was zu tun ist, ansonsten funktioniert es problemlos.
Mit Studio & Lightroom Tether wir Lighroom um ein sehr schönes Feature erweitert, welches in Apature schon vorhanden ist.
Ein Wermutstropfen gibt es jedoch für Windows, den das Programm funktionier momentan nur unter Mac OSX, aber falls es keine neuen Features einzubauen gibt, wird der Entwickler darüber nachdenken es zu portieren.

Safari CSS Hack

Posted on : 19-09-2009 | By : DKl3in | In : Entwicklung

0

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.

Culcha Candela – Schöne Neue Welt

Posted on : 18-09-2009 | By : DKl3in | In : Allgemein

0

Ich höre sehr gerne Culcha Candela, hab bei YouTube das aktuelle Video gefunden.

QA Style Sheet – Diagnostic styling

Posted on : 16-09-2009 | By : DKl3in | In : Entwicklung

0

Um Fehler, Probleme, veraltete Tags, Layout Tabellen leere Elemente oder nicht erreichbare Bilder in einer Webseite zu finden, kann an einen Validator zur Hilfe nehmen und muss sich den Quellcode der Seite ansehen.
Einen Eleganten und schnelleren Weg bittet da qa-style-sheet, hier wird die Webseite mit einem extra Stylesheet versehen, welches die oben genannten Punkte mit Hintergrundfarben und Rändern hervorhebt und somit schnell und einfach zeigt, dass etwas nicht ganz passt.

Man kann das Stylesheet ganz einfach, wie jedes andere mit ins HTML einbauen, oder schell und einfach über ein bookmarklet aufrufen.
Einfach den folgenden Link in die Favoritenliste ziehen:

QA-Style

Es bindet dann per JavaScript das QA-Stylesheet ein und zeigt die Probleme.

Was sieht man nun?

Es hebt die folgenden Probleme hervor, Warnungen in gelb, und Fehler in rot:

Fehler:

  • veraltete Elemente wie applet, basfont, center, dir, font, isindex, menu, s, spacer, strike and u
  • Layout Tabellen
  • BIlder (img Elemente) ohne das alt Attribut
  • Anker (a Elemente) mit einem leeren href Attribut
  • style Attribute

Warnungen:

  • Bilder (img Elemente) mit einem leeren alt Attribut
  • Anker (a Elemente) die auf GIF, JPG oder PNG Bilder, sowie PDF Dokumente verlinken
  • leere p, li, th, td, div und span Elemente
  • style Elemente
  • mehr als ein link Element

Da das Stylesheet schon CSS3 Anweisungen benutzt, sollte man einen aktuellen Browser,
wie Firefox 3.5, Safari 4 etc benutzen.

Sicherlich eine sehr nützliche Möglichkeit einer Seite den letzten Feinschliff zu geben, bzw sich einen ersten Überblick über den Aufbau einer Webseite zu verschaffen.

Mehr Infos über das Projekt findet man hier:

QA Style Sheet – Diagnostic styling reloaded

IE6 CSS Fixer – Stylesheet Generator

Posted on : 15-09-2009 | By : DKl3in | In : Entwicklung

0

Ich habe letzte Woche den Link zu einer Seite gefunden, die aus einem Aktuellen Stylesheet ein extra CSS generiert, um die bekannten Fehler im IE6 zu beheben.
Ob das wirklich funktioniert, kann ich noch nicht sagen, werde es auf jeden Fall mal testen,
evtl. kann man es einfach dafür benutzen um eine Seite zumindest halbwegs lesbar für den IE6 zu halten.
Schön wäre es schon, einfach ein IE6 Stylesheet generieren, einbinden, und gut ist.
Naja, mal sehen was dabei heraus kommt, ein Versuch ist es auf jeden Fall werd.

IE6 CSS Fixer

IE6 Probleme beheben

Posted on : 15-09-2009 | By : DKl3in | In : Entwicklung

0

Heute habe ich über Twitter eine schönen Link bezüglich IE6 Problemen bekommen,
er zeigt einen Menge von Problemen auf, die man mit dem IE6 bekommen kann, und natürlich werden auch Lösungen vorgestellt.
Also wenn “zoom:1″ nicht hilft, findet man hier sicherlich etwas nützliches.

Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs