Ähnliche Artikel:

• famfamfam silk icons
• Trick 17: Webseiten mit ”em” skalieren
• Alle Internet Explorer Standalones (1-8)

Ähnliche Artikel:

]]> Vorbei sind die Zeiten der großen, glänzenden, dreidimensionalen Web 2.0 Icons. Es darf wieder gekleckert statt geklotzt werden.

microscopicons zeigt wie man auch in den Zeiten der Multi-Mashup-Apps die mit Content vollgestopft sind immer noch Platz für seine liebsten Icons findet. Mit 2×2 Pixel Größe sind die Microscopicons in jeder Hinsicht Platzsparend und so auch bestens für mobiles Internet geeignet.



Ähnliche Artikel:

• famfamfam silk icons
• Trick 17: Webseiten mit ”em” skalieren
• Alle Internet Explorer Standalones (1-8)

Ähnliche Artikel:

]]> http://www.apfelkuh.de/807/state-of-the-art-mikroskopische-icons/feed 0 http://www.apfelkuh.de/765/alle-internet-explorer-standalones-1-8 http://www.apfelkuh.de/765/alle-internet-explorer-standalones-1-8#comments Tue, 06 Oct 2009 12:54:09 +0000 Manuel Graf http://www.apfelkuh.de/?p=765

Ähnliche Artikel:

• Time to say goodbye – Der “IE6 Death March”
• Trick 17: CSS-Transparenz für alle Browsertypen
• 10+ unabdingbare Firefox Addons für Web Developer

Ähnliche Artikel:

]]>





Windows: Es gibt bereits eine Menge Möglichkeiten für Webdeveloper, die Kompatibilität zu verschiedenen Internet-Explorer-Versionen zu testen, jedoch macht es oft Probleme, die einzelnen Versionen nebeneinander laufen zu lassen.

Neben IETester und Online-Services wie Xenocode/Spoon gibt es nun auch die komplette Serie in der Internet Explorer Collection des Internet Explorers als eigenständige .exe-Dateien:

• Internet Explorer 1.0 Standalone (4.40.308
• Internet Explorer 1.5 Standalone (0.1.0.10
• Internet Explorer 2.01 Standalone (2.01.046
• Internet Explorer 3.0 Standalone (3.0.1152
• Internet Explorer 4.01 Standalone (4.72.3110.0
• Internet Explorer 5.01 Standalone (5.00.3314.2100
• Internet Explorer 5.5 Standalone (5.51.4807.2300
• Internet Explorer 6.0 Standalone (6.00.2800.1106
• Internet Explorer 6.0 Standalone (6.00.2900.2180
• Internet Explorer 7.0 Standalone (7.00.5730.13
• Internet Explorer 8.0 Standalone (8.00.6001.18702

Leider ist dies wieder einmal keine Möglichkeit für Mac OSX, im Internet Explorer zu debuggen. Man benötigt also auf dem Mac immer noch eien Virtual Machine wie VMware Fusion oder Parallels Desktop.

Formate: .exe
Größe: 55.7 MB
System: Windows only / Virtual Machine

Zur Download-Seite

Ähnliche Artikel:

• Time to say goodbye – Der “IE6 Death March”
• Trick 17: CSS-Transparenz für alle Browsertypen
• 10+ unabdingbare Firefox Addons für Web Developer

Ähnliche Artikel:

]]> http://www.apfelkuh.de/765/alle-internet-explorer-standalones-1-8/feed 2 http://www.apfelkuh.de/754/trick-17-css-transparenz-fuer-alle-browse http://www.apfelkuh.de/754/trick-17-css-transparenz-fuer-alle-browse#comments Sat, 26 Sep 2009 21:05:41 +0000 Manuel Graf http://www.apfelkuh.de/?p=754

Ähnliche Artikel:

• Time to say goodbye – Der “IE6 Death March”
• Eigenen Traffic aus Google Analytics ausschließen
• Alle Internet Explorer Standalones (1-8)

Ähnliche Artikel:

]]> Transparenz ist für viele Designer ein sehr wichtiges Gestaltungsmittel. Nur wie stellt man das im Browser an ohne Bilder benutzen zu müssen? Apfelkuh zeigt wie.

Für gute Browser gibt es da eine Einheitliche Lösung: opacity. Unser aller guter Freund, der Internet Explorer, hat hierfür seit version 5.0 – eigentlich recht praktische – Filter Implementiert (z.B. Monochrom, Transparenz, Spiegel-Filter).

Folgende CSS- Klasse gibt der jeweiligen Box mit der Klasse "opaque50" eine Transparenz von 50%.

Getestet in:

• Firefox 3.0
• Safari 4.0
• Opera 9.64 + 10
• Internet Explorer 6, 7 und 8

Ähnliche Artikel:

• Time to say goodbye – Der “IE6 Death March”
• Eigenen Traffic aus Google Analytics ausschließen
• Alle Internet Explorer Standalones (1-8)

Ähnliche Artikel:

]]> http://www.apfelkuh.de/754/trick-17-css-transparenz-fuer-alle-browse/feed 2 http://www.apfelkuh.de/722/trick-17-webseiten-mit-em-skalieren http://www.apfelkuh.de/722/trick-17-webseiten-mit-em-skalieren#comments Wed, 02 Sep 2009 21:43:19 +0000 Manuel Graf http://www.apfelkuh.de/?p=722

Ähnliche Artikel:

• Trick 17: CSS-Transparenz für alle Browsertypen
• Write less-CSS: zeitsparendes Webdesign
• State of the Art: Mikroskopische Icons

Ähnliche Artikel:

]]> Statt der Maßeinheit “px” gibt es im Webdesign zudem die Größe “em”. Em entspricht der Größe eines Gevierts(—), also der Schriftgröße. Diese ist entscheidend für das sogenannte “barrierefreie Webdesign”

Wenn der User nun mit Strg+ “+” oder dem Mausrad die Schriftgröße einstellt, so vergrößert sich alles, was mit “em” skaliert wurde proportional mit, was dafür sorgt, dass das Layout trotz großer Schriftgrößen der Clientseite richtig angezeigt wird

Da üblicherweise die Standard-Schriftgröße 12 pixel beträgt, ist es zuweil recht schwierig damit wirklich zu rechnen (50px wären in em angegeben dann 4.1666…em );

Um sich das rechnen zu ersparen gibt es einen einfachen Trick: Die Schriftgröße des gesamten Dokuments auf 10 Pixel (oder auch 62.5%) setzen. Somit beträgt das Geviert — oder auch m-dash oder em — nun 10 pixel und unsere 50px können als 5&rhinsp;em formatiert werden.

Ähnliche Artikel:

• Trick 17: CSS-Transparenz für alle Browsertypen
• Write less-CSS: zeitsparendes Webdesign
• State of the Art: Mikroskopische Icons

Ähnliche Artikel:

]]> http://www.apfelkuh.de/722/trick-17-webseiten-mit-em-skalieren/feed 0 http://www.apfelkuh.de/629/100-inspirierende-logodesigns-teil-4 http://www.apfelkuh.de/629/100-inspirierende-logodesigns-teil-4#comments Thu, 21 May 2009 19:27:58 +0000 Manuel Graf http://www.apfelkuh.de/?p=629

Ähnliche Artikel:

• 100 inspirierende Logodesigns – Teil 3
• 100 inspirierende Logodesigns – Teil 2
• 100 inspirierende Logodesigns – Teil 1

Ähnliche Artikel:

]]>


Leider wieder etwas verzögern nun der finale Teil der Apfelkuh.de Logosammlung.

Dieses mal sind auch ein paar bekanntere Logos größerer Firmen dabei, aber das macht es ja wohl nicht weniger inspirierend. Viel Spaß beim letzten Teil und denkt daran: think <div>erent!














































































Ähnliche Artikel:

• 100 inspirierende Logodesigns – Teil 3
• 100 inspirierende Logodesigns – Teil 2
• 100 inspirierende Logodesigns – Teil 1

Ähnliche Artikel:

]]> http://www.apfelkuh.de/629/100-inspirierende-logodesigns-teil-4/feed 1