Apfelkuh - think <div>erent

Warum haben manche DOM-Elemente nicht genau den Abstand zueinander, den sie haben sollten?
Wer sich diese Frage stellt, sollte sich mit der Thematik des Margin-Collapsings in CSS beschäftigen. Stoßen zwei Boxen mit Margins aneinander, so wird, je nach Browser, z.B. nur der größere der beiden verwendet.

genauere Informationen fndet ihr hier.

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. (continue reading…)

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: (continue reading…)

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.

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! (continue reading…)

Ob es an dem harten Agenturgeschäft liegt, oder einfach daran, dass es manchen Menschen einfach an Fertigkeit und gesundem Menschenverstand / Augenlicht mangelt… seht selbst. (continue reading…)

Neuer Donnerstag, neue Logos im vierteiligen Apfelkuh.de Weekly Special “100 inspirierende Logodesigns”. Viel spaß beim durchschauen und inspirieren lassen. (continue reading…)

Die Redaktion von Apfelkuh.de hat sich zum zweiten mal auf die Suche nach interessanten Logodesigns gemacht, die gut als Inspiration für das kreieren neuer Wort- und Bildmarken dienen könnten. Und sie ist fündig geworden. Hier nun Teil Zwei der Apfelkuh-Logopond-Logodesignsammlung
(continue reading…)

Die Redaktion von Apfelkuh.de hat sich auf die Suche nach interessanten Logodesigns gemacht, die gut als Inspiration für das kreieren neuer Wort- und Bildmarken dienen könnten. Und sie ist fündig geworden.

Ab heute werden wir für die nächsten vier Wochen jeden Donnerstag ein kleines Stückchen der Logosammlung präsentieren. Lasst euch davon inspirieren und viel Spaß beim ansehen. Hinterlasst bitte auch ein paar Kommentare in der Diskussion um das schönste / interessanteste / eierlegendewollmilchsaueste Logodesign jedes Teils. Wir gesellen uns der Diskussion gerne hinzu. (continue reading…)

Es gibt in der Digitalen Bildbearbeitung so manches was einem den letzten nerv rauben kann. Beispielsweise Haare oder transparente Materialen. Best Practise dürfte hier wohl das Photoshop Plugin oneOne Mask Pro 4 sein. Hier ein Tutorial.

(continue reading…)