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.

:, trackback it! (copy link target...)

State of the Art: Mikroskopische Icons

16 Nov

von am 16.Nov 2009, in der Kategorie Design

0

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…)

:, trackback it! (copy link target...)

Alle Internet Explorer Standalones (1-8)

06 Okt

von am 06.Okt 2009, in der Kategorie Design

2



Internet Explorer Standalones



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…)

:, , trackback it! (copy link target...)

Trick 17: Webseiten mit ”em” skalieren

02 Sep

von am 02.Sep 2009, in der Kategorie Design

0

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.

:, , , trackback it! (copy link target...)

100 inspirierende Logodesigns – Teil 4

21 Mai

von am 21.Mai 2009, in der Kategorie Design

1
100-inspirierende-logodesigns-teil-4
100 logodesigns part 4

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…)

:, trackback it! (copy link target...)

15 idiotische Photoshop-Fehler

20 Mai

von am 20.Mai 2009, in der Kategorie Design

0



15 Photoshop mistakes



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…)

:, trackback it! (copy link target...)

100 inspirierende Logodesigns – Teil 3

07 Mai

von am 07.Mai 2009, in der Kategorie Design

0
100-inspirierende-logodesigns-teil-3
100 logodesigns part 3

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

:, trackback it! (copy link target...)

100 inspirierende Logodesigns – Teil 2

30 Apr

von am 30.Apr 2009, in der Kategorie Design

0
100-inspirierende-logodesigns-teil-2
part2

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…)

:, trackback it! (copy link target...)

100 inspirierende Logodesigns – Teil 1

16 Apr

von am 16.Apr 2009, in der Kategorie Design

2
100-inspirierende-logodesigns-teil-1
Inspiration-Logodesign-part1

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…)

:, trackback it! (copy link target...)

Glas perfekt freistellen mit Photoshop

03 Apr

von am 03.Apr 2009, in der Kategorie Design

0

glas-mit-photoshop-freistellen

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…)

:, , , trackback it! (copy link target...)