em und px Größenangaben per CSS

Ein sehr funktionales Tool um Schriftgrößen mit Pixelangaben in das variable em Format umzurechnen gibt es von Piotr Petrus. Sein Em-Calculator gibt eingegebene px-Größen in em-Format aus. Zusätzlich können bezüglich der Vererbung die entsprechenden em Größen der Kinder Elemente berechnet werden. Ein nützliches ImmerDabeiTool.

emCalculator

Geschrieben in CSS, Tools, Web 2.0 | Keine Kommentare

Kuhwaschanlage

kuhwaschanlage

Dieses schöne Motiv hat heute meinen Tag bereichert, bei der Erdbeere kann man es sogar für 22 Blätter auf dem T-Shirt haben.

Geschrieben in Inspiration, Ramsch | Keine Kommentare

CSS Image Border

Von Pixelpusher gibt es interessanten Ansatz wie man die unterschiedliche Interpretation der verschiedenen Browser des CSS Style border: dotted angeht.

Man packt das Bild in einen Container, definiert einen Background mit einem Hintergundbild und gibt dem Container ein padding von 1px oder mehr. gerade wie man es braucht.

Sein Beispiel überzeugt:

cssborderbeispiel

Geschrieben in CSS, Web 2.0, Webdesign | Keine Kommentare

WebDesigners Arbeitshilfe

Dinge die das Leben Arbeiten eines WebEntwicklers/Designers leichter machen gibt es reichlich im Netz. Jetzt verfing sich ein Hinweis über die Verwendung von Fonts in Webseiten und deren CrossBrowserCompalität in Bezug auf Mac/Windows Plattformen. Auf der Webseite gibt es eine “easy2use” kompakte Übersicht der Standardfonts und Ihrer Bezeichnungen. Ein InformationsMuss vor allem auch für “nur Designer” die sich keine Gedanken um die Verwendung von Fonts in Webseiten machen und mit Ihren fancy Styles und schicken Designs den Entwickler der dies umsetzen muss regelmäßig zum verzweifeln bringen. Die zeitraubenden Diskussionen kann man so verkürzen oder ganz adAkta legen. Vielen Dank!

Unbedingt Ausdrucken!

Geschrieben in CSS, Tools, Web 2.0, Webdesign | Keine Kommentare

Farbenverwendung im CSS File

Ein nützlichen Tipp gibt es bei Garret Dimon um die verwendeten Farben im CSS File übersichtlich und schnell zugreifbar zu visualisieren. Einfach alle Farben am Anfang der Datei in einem Kommentarblock beschreiben, gruppieren und so auf einem Blick anzeigen. Manche Dinge sind so einfach… . Hier nachlesen.

Geschrieben in CSS, Web 2.0, Webdesign | Keine Kommentare

Neuer GEO Fotowettbewerb - Reisen

Bald geht sie los die Reisewelle, aber habt Ihr euch schon mal gefragt warum wir eigentlich Reisen. Na klar! Um in den Urlaub zu kommen oder? Aktuell fragt Geo danach - Antworten können per Foto eingesendet werden. Die Frage zielt natürlich auf die schönen Momente die wir mit unseren Aufnahmegeräten einfangen. Also ab heute genauer hinschauen und die Ergebnisse bis zum 21.06.06 einsenden. Dann nur noch genügend Stimmen fangen und die Jury begeistern oder andersherum. Und dann? …einen der tollen Preise abfassen.

    Da gibt es zum Beispiel

  • Olympus E-330 Digitalkamera (7,5 Megapixel) inkl. Zuiko Digital 14-45 mm, Akku & Ladegerätdie Olympus E-330 mit 14-45mm 1:3.5-5.6 Objektiv, Blitz FL-36 & Systemtasche Kompakt SBC-1
  • Olympus E-500 Digitalkamera (8 Megapixel) inkl. Zuiko Digital 14-45 mmdie Olympus E-500 Kit mit 14-45 mm Objektiv, 1:3,5-5,6
  • und Olympus µ 700

Hier der Wettbewerb
Hier die Preise
und hier die Regeln

Geschrieben in Foto | Keine Kommentare

Werbung die auffällt


Bei Flickr hab ich heut diese Fotos zum Arbeiten auf kleinen Raum gefunden. Naja, eigentlich ne Werbung für ne Jobvermittlung. Aber ziemlich witzig und einfallsreich. Da fällt mir glatt die aktuelle Diskussion zum Mindestlohn ein. Schön creativ!

Geschrieben in Foto, Inspiration, Werbung und Marketing | Keine Kommentare

Weckruf in Chemnitz

Die Jungs von Weckruf-Chemnitz schreiben sich auf die Fahnen verdammt ausgeschlafen zu sein. Die Farben der Seite kommen zwar nicht sehr frisch rüber, dafür ist das Gesamtkonzept sehenswert. Ein schickes Seitendesign mit einer blickfangenden Hintergrundgrafik die beim Scrollen stehen blieb. An sich nichts Umwerfendes - diese Funktion ist jedoch nicht sehr oft anzutreffen, deswegen erzeugte sie einen kurzen Aha!-Effekt. Sehr schön und dazu leicht räumlich gibt sich die Grafik durch verschiedenen Graustufen in der Landschaftskontur. Ein einfacher aber wirkungsvoller Effekt und mit dem Thema der aufgehenden Sonne gut umgesetzt. Der Betrachter soll ja seine eigenen Assoziationsketten ziehen.

WeckrufChemnitz

Das Logo ist einfach und treffend. Läßt sich bestimmt Super auf ein Shirt drucken. Kommt bestimmt bald. Na denn! Ich bin gespannt ob Ihr Konzept aufgeht. Der komplette Screenshot ist abgelegt bei Flickr.

Geschrieben in Inspiration | Keine Kommentare

Klares Seitendesign bei AprilZero

AprilZero

Schön übersichtlich, viel freier Raum, gute Kontraste und dezente Schattenlegung. Negativ nach find ich das der Text sich nicht so flüssig lesen läßt, die Zeilenabstände sind etwas zu weit und der Textblock läuft mir auch zu breit. Die Lösung mit dem Footer als Infobox und weiteres Linklager ist super aufgenommen wurden, die Idee ein weitere Foto auch dort einzugliedern ist ein Hingucker und lockert die Sache ebenso auf wie das Bilddetail im Foto des Headers welches das blockhafte Design auflockert. In der Tableiste fällt das knallige Favicon geradezu ins Auge.

AprilZero2Gefunden durch den Hinweis auf den ausführlichen Beitrag über den Workflow wie ein Seitendesign entseht. Aufgenommen in meine Inspirationskiste und abgelegt bei Flickr.

 
Geschrieben in Inspiration | Keine Kommentare

Einfaches WordPress Design gut umgesetzt

BareNakedApp

Ein einfaches funktionales Design für WordPress. Schöne klare Struktur, gute aufgeteilt Seite und abgestimmte Farben. Die Navigationslinks oben und rechts könnten noch etwas abgestimmter daherkommen und das Textfeld ist nach meiner Ansicht etwas zu breit. Aber alles in Allem schön einfach und trotzdem gut anzuschauen. Der Header kommt mit einem fast nicht sichtbaren Schrägmuster was dem Ganzem noch ein gewissen Touch gibt.

BareNakedApp

Dieses Design ist frei downloadbar unter: William Computer Blog.
Gesehen bei Bare Naked App und abgelegt bei Flickr.

Geschrieben in Inspiration | Keine Kommentare