Blog

Kategorien anzeigen
Gefiltert nach Felix Nagel Filter zurücksetzen

PNG Transparenz im IE

10. Juni 2008, Felix Nagel - Webentwicklung

Ein leidiges Thema...

Viele moderne Design lassen sich nur per PNG Dateien schön umsetzen. Machmal komm man eben kaum drum herum. An sich ja kein Problem, jeder anständige Browser kann das ohne das man ein Wort darüber verlieren müsste.

Gebe es nicht den IE.

Der MS IE ist leider nicht in der Lage von sich aus PNG's mit korrekter Transparenz anzuzeigen. Für gewöhnlich zeigt er einfach nur einen hellen Hintergrund an.

Browser

  • MS IE 5.5
  • MS IE 6

 

Der IE 7 hat nun endlich eine native Unterstützung für PNG's.

Wie geht das denn?

Mit Hilfe von sog. CSS Hacks, die nur vom MS Internet Explorer umgesetzt werden.

Mit diesen Hacks steuern wir, die nur im Internet Explorer verfügbaren, Filtereigenschaften ein. Einmal direkt, einmal per Script. Dieser Filter arbeitet im Fall der direkt eingebundenen Bildern mit einem kleinen Behavior und einer transparenten gif Grafik (die auch der IE transparent darstellen kann) die zum rendern der eigentlichen png Grafik genutzt wird. Alle bnötigten Dateien sind in der zip Datei enthalten.

Ich bevorzuge die reine CSS Variante, die aber nur mit Hintergrundbildern funktioniert. Dafür benötigt sie keine weiteren Dateien (reines CSS), die oft Probleme mit den Pfaden bereiten.

 

PNG Transparenz im IE

0 Kommentare

BKA Gesetz verabschiedet

07. Juni 2008, Felix Nagel -

Schwarzer Tag für Bürgerrechte

Schäuble hat es tatsächlich geschafft. Nachdem die Vorratsdatenspeicherung gegen den Protest vieler Berufstände (wie Journalisten, Seelsorger, Anwälte, Ärzte sowie der IT-Welt) und den, zugegebener Maßen ,kleinen wissenden Teil der Bevölkerung durchgesetzt wurde, haben wir jetzt auch noch die Aufweichung des BKA Gesetz an der Backe.


Das BKA Gesetz, welches ursprünglich 1951 verfasst wurde um u.a. die Gewaltenteilung zugewährleisten. Die wir ja haben um eine Wiederholung der Vergangenheit zu verhindern. 

Durch den Gesetzentwurf sollen dem Bundeskriminalamt weitgehende Rechte zur Überwachung gegeben werden. Neben der Online-Überwachung über den vom Bundesverfassungsgericht verbotenen so genannten Bundestrojaner darf nun auch die Wohnraumüberwachung per Kamera möglich sein. Bereits der geringste Tatverdacht rechtfertigt in Zukunft diese Maßnahmen. Des weiteren dürfen die Beamten des BKA unbemerkt in Wohnungen eindringen, um geheimdienstliche Arbeit verrichten zu können.

Aber mein Gott, stellt euch nicht so an. Sicherheit gegen Freiheit!

"Die, die grundlegende Freiheiten aufgeben, um vorübergehend ein wenig Sicherheit zu bekommen, verdienen weder Sicherheit noch Freiheit."

[B. Franklin]

 

Petition gegen das neue Gesetz unterschreiben

Direkt zur Petition au fden Seiten des Budestag

 

www.piratenpartei.de/node/444
de.wikipedia.org/wiki/BKA-Gesetz
www.tagesschau.de/inland/kabinett34.html

 

0 Kommentare

3D-Kurzfilme

06. Juni 2008, Felix Nagel -
Screen von Wut und Changing the Body
Screen von Wut und Changing the Body

Da die Projekte jetzt auch online verfügbar sind, möchte ich sie euch nicht vorenthalten. Sie wurden im Rahmen von Graphische Datenverarbeitung Labor 2 erarbeitet im letzten Semester erarbeitet worden. Eigentlich wollte ich den Kursdieses Semester auch machen aber aufgrund von Zeitmange mussten Adrian und ich das ganze erstmal verschieben. Kommt noch... 

 

 

 

WUT

ansehen | Matthias Rosenthal / Sebastian Schäfer

 

Changing the Body

ansehen | High Definiton Download - Marc Bauer / Alexander Scheele

 

Alle Filme des Projekts

ansehen | Fh-Seite

0 Kommentare

NonkonformMiranda 1.3 veröffentlicht

29. Mai 2008, Felix Nagel -
Miranda Instant Messenger Logo

© Miranda IM

Miranda Instant Messenger Logo

Nach ewigen Zeiten ist es geschafft. Ein neues NonkonformMiranda erblickt das Licht der Welt. Alle Infos auf der neuen Miranda Seite - jetzt auch mit FAQ. Wenn ihr was wissen wollt schreibt mir einfach und ich mach ein kleines Tutorial!

Die alten Newslettersabos wurden neu angeschrieben.

 

UPDATE:

Hier gibts mehr zu Miranda!

0 Kommentare

Animiertes Favicon in TYPO3

20. Mai 2008, Felix Nagel - TYPO3

Jeder kennt die Favicons in den Browserleisten und dern Bookmarks. Sie dienen der besseren Auffindbarkeit und dem steigern des Wiedererkennungswert.

 

Eben diesen Effekt kann man steigern in dem man ein animiertes Favicon benutzt.ie man das macht möchte ich hier erklären - das ganze auf Bitte von Angie.

Beispiel

siehe die Browser-Adressleiste dieser Seite wenn du einen nicht Mircosoft Internet Explorer benutzt. Meines Wissens geht das in allen modernen Browsern, soll heissen Opera, Konquoror, Netscape, Mozilla und seine Freunde (z.B. FireFox)

How To

Da Typo3 eine Browsererkennung mitliefert ist das an sich ganz einfach. Nur das ich nichts zum Thema gefunden habe. Also hab ich mich entschlossen selbst ein Tutorial zu schreiben.

 

Folgenden Code muss man einfach nur in das Haupttemplate einbinden und schon läuft das ganze...

[browser = msie]
	page.headerData {
		20 = TEXT
		20.value = <link rel="shortcut icon" href="fileadmin/templates/favicon.ico" type="image/x-icon" />
	}
[else]
	page.headerData {
		20 = TEXT
		20.value = <link rel="icon" href="fileadmin/templates/favicon.gif" type="image/gif" />
	}
[global]

mehr Info

0 Kommentare

Animiertes Favicon

19. Mai 2008, Felix Nagel - Webentwicklung

Jeder kennt die Favicons in den Browserleisten und dern Bookmarks. Sie dienen der besseren Auffindbarkeit und dem steigern des Wiedererkennungswert.

 

Eben diesen Effekt kann man steigern in dem man ein animiertes Favicon benutzt.ie man das macht möchte ich hier erklären - das ganze auf Bitte von Angie.

Beispiel

siehe die Browser-Adressleiste dieser Seite wenn du einen nicht Mircosoft Internet Explorer benutzt. Meines Wissens geht das in allen modernen Browsern, soll heissen Opera, Konquoror, Netscape, Mozilla und seine Freunde (z.B. FireFox)

Wie gehts?

Diesen PHP Code einach innerhalb des head einbinden.

Das animierte Bild ist ein einfaches animiertes gif. Um ein animierts gif zu gibts es verschiedene Möglichkeiten: Photoshop, Flash und sehr viele andere Programme. Am End einfach mal googlen!

Der php Code ist nötig um auszuschließen das beide angezeigt werden. Wenn man einfach hingeht und beide link tags angibt, stellen auch moderne Browser nur das normale Favicon dar.

<?
if(strchr($HTTP_USER_AGENT, MSIE)) {
	echo '<link rel="shortcut icon" href="favicon.ico">';
else {
	echo '<link rel="shortcut icon" href="favicon.gif">';
}
?>

Mehr Infos

 

Animiertes Faicon für TYPO3

0 Kommentare