LautundKlar Webdesign Blog

DOM Tool

DOMTool. Ein Online-Tool, das HTML in die korrekten DOM Methoden umwandelt um diesen Inhalt in ein Dokument zu integrieren. Einfach mal anschauen…

Popularity: 31% [?]

Inline image quotes – Eine einfache aber wirkungsvolle Art Anführungszeichen in Zitaten zu verschönern. Diese Methode ist in ahnlicher Weise beim Zitat des Tages oben integriert.

Leider stellt der Internet Explorer 6 background-position: bottom right; nicht richtig dar. Deshalb sieht man im IE 6 nur das erste Anführungszeichen.

Popularity: 24% [?]

CSS mit @media oder @import Einbinden und vor älteren Browsern verstecken

Das folgende Beispiel verhindert, dass ältere Browser (Internet Explorer 4 für Windows und alle Mac-Versionen sowie Netscape 4)
einen roten Rahmen um Links ziehen. Im Netscape 4 wären Links mit Rahmen nicht mehr anklickbar:

<style type="text/css">

</style>

Natürlich können mit dem @media Befehl auch andere CSS Anweisungen vor älternen Browsern versteckt werden.
Der Import von CSS-Dateien mit @import bietet darüberhinaus die Möglichkeit, CSS Anweisungen nur modernen Browsern (IE ab 5.x, Mozilla, Netscape ab 6.x, Opera ab 6.x) zur Verfügung zu stellen, die auch in der Lage sind CSS ordentlich zu interpretieren.

Der Import von CSS-Dateien kann sowohl intern im Quelltext der jeweiligen Seite oder in einer externen CSS-Datei notiert werden.

Beispiel:

<style type="text/css">

</style>

Falls man den IE 4 und IE5/Mac auch von der Interpretation der CSS Daten ausschließen möchte, dann sollte man folgende Form wählen:

<style type="text/css">

</style>

Popularity: 24% [?]

Exif-Daten können mittels PHP aus Bilddateien ausgelesen werden.
Folgende EXIF-Funktionen werden jedoch erst ab PHP Version 4.2.0 ünterstützt, daher wird zunächst geprüft ob mindestens diese PHP Version zu Verfügung steht.

// PHP-Version ermitteln
$verstr=explode(".",phpversion());
$vernum=$verstr[0]*100+$verstr[1]*10+$verstr[2]*1;
$bild="bild.jpg";

if($vernum >= 420)
{
// Parameter: filename (string),sections(string),arrays(bool),thumbnail(bool)
$exifdata=exif_read_data($bild,"",true,false);

// Auslesen einiger Eigenschaften aus dem (mehrdim.) Array $exifdata

if($exifdata["FILE"])
{
print "Dateiname: {$exifdata["FILE"]["FileName"]}";
print "DateTimeOriginal: {$exifdata["FILE"]["DateTimeOriginal"]}";
print "FileDateTime: {$exifdata["FILE"]["FileDateTime"]}";
print "Dateigröße: ".number_format($exifdata["FILE"]["FileSize"]/1024, 0, ',', '.')." kb";
}

if($exifdata["EXIF"])
{
print "ExifImageWidth: {$exifdata["EXIF"]["ExifImageWidth"]}";
print "ExifImageLength: {$exifdata["EXIF"]["ExifImageLength"]}";
print "Komprimierte Bits pro Pixel: {$exifdata["EXIF"]["CompressedBitsPerPixel"]}";
print "Blende: {$exifdata["EXIF"]["FNumber"]}";
print "Brennweite: {$exifdata["EXIF"]["FocalLength"]}";
print "Belichtungsdauer : {$exifdata["EXIF"]["ExposureTime"]}";
print "Blitz: {$exifdata["EXIF"]["Flash"]}";
print "Exif Version: {$exifdata["EXIF"]["ExifVersion"]}";
}

if($exifdata["COMPUTED"])
{
print "IsColor: {$exifdata["COMPUTED"]["IsColor"]}";
print "html: {$exifdata["COMPUTED"]["html"]}";
}

if($exifdata["IFD0"])
{
print "Hersteller: {$exifdata["IFD0"]["Make"]}";
print "Model: {$exifdata["IFD0"]["Model"]}";
print "ImageDescription: {$exifdata["IFD0"]["ImageDescription"]}";
}

if($exifdata["COMMENT"])
{
print "COMMENT: {$exifdata["COMMENT"][0]}";
}
}
else print "Diese Funktion wird erst ab PHP 4.2.0 unterstützt.";

/*EXIF ENDE ***************/

Popularity: 47% [?]