Pixelscheucher » Webdesign, UX/UI, Usability

Adventskalender für den geneigten Webnerd

Michel Balzer — Thu, 01 Dec 2011 11:58:56 +0000

Und auch dieses Jahr laden wieder ein paar Adventskalender den geneigten Webnerd ein, täglich geöffnet zu werden.

Da wäre zum Beispiel der Adventskalender der Webkrauts:

Wir pflegen die Tradition und reichen euch auch 2011 einen prall gefüllten Adventskalender dar. So wie ihr es von uns gewohnt seid, haben wir wieder einen bunten Themen-Mix zusammengestellt, der Webworkern das Herz höher schlagen lässt. Von CSS3 und SASS über Wireframes und Tools hin zu SEO, Barrierefreiheit und dem mobilen Web ist alles dabei.

Da darf auch der 24ways-Adventskalender nicht fehlen:

24 ways is the advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.

Viel Spaß damit :)

WDR.de mit neuer Optik

Michel Balzer — Thu, 01 Jan 1970 00:00:00 +0000

Durch einen Tweet vom WDR bin ich gestern auf deren vorzeitigen Hinweis gestoßen, dass das Online-Angebot des WDR ~~ein Kind~~ einen Relaunch erwartet:

Fünf Jahre sind im Netz eine halbe Ewigkeit. So lange schon gibt es das bisherige Layout unserer Seiten. Deshalb ist es Zeit für ein zeitgemäßes Design. Die Startseite des WDR wurde komplett überarbeitet. Das Ergebnis ist an dieser Stelle ab Mittwoch (10.08.2011) zu sehen. Beim ersten Klick dürfte vor allem eines auffallen: Der Webauftritt wirkt heller, luftiger und moderner.

Der Relaunch ist vollzogen und WDR zeigt sich nun mit folgender Optik:

+++ Screenshot neues Layout +++

Zum Vergleich, das alte Layout:

+++ Screenshot altes Layout +++

Getan hat sich einiges. +++++

Einer der auszog

Michel Balzer — Tue, 12 Apr 2011 10:00:01 +0000

Dieses Jahr wird das für mich persönlich teuerste in der Gegenwart meiner eigenen Menschlichkeit, denn ich werde das Hotel Mama verlassen. Manche Leute werden sich jetzt denken, dass es auch mal so langsam Zeit wird, aber hey, das sehe ich genauso, von daher ist das schon richtig was ihr denkt und das macht euch zu halbwegs intelligenten Wesen.

Vor mir stehen damit unzählige IKEA- und sonstige Einrichtungshaus-Besuche. Den Polsterstuhl, den ich schon immer haben wollte, habe ich bereits bestellt und wird demnächst nach Hause geliefert. Dann stehen mir noch das Aussuchen von Wandfarben, eine Armee aufzubauender Schränke und runtergerissene Kilometer im Lieferwagen. ~~Außerdem werde ich wahrscheinlich plötzlich erwachsen.~~ Und ganz viel Geld ausgeben.

Und, darauf wollte ich eigentlich hinaus, um das ganze gebührend und in der gewohnten Qualität durch schlechte Handyphotos, runtergereierten Texten und einem guten Gespür korrekter Ortographie zu dokumentieren, gibt es da etwas neues: einerderauszog.

Genau, ein Blog übers umziehen, dekorieren, Möbel aussuchen und den ganzen anderen Quatsch den man beim um- und ausziehen beachten, bewerten und Preise vergoogeln muss. Das ist einerderauszog.de, ~~halb Mensch halb Maschine~~ halb Blog, halb Magazin. Erzählt euren auszugswilligen Freunden davon, verlinkt und liked es bei facebook, folgt bei twitter und schickt Anregungen an die Redaktion, die komplett aus mir besteht – Gastschreiber sind willkommen und werden mit digitaler Liebe vergütet.

Und wenn euch der Name irgendwie bekannt vorkommt: die Grimm-Brüder schrieben ein Märchen, das Märchen von einem, der auszog das fürchten zu lernen. Hat damit aber nichts zu tun.

Linkscheucher 23

Michel Balzer — Thu, 07 Oct 2010 20:33:49 +0000

Die Links der letzten Tage, es ist einiges zusammengekommen. Größtenteils CSS3- und Photoshop-Zeugs, aber auch jQuery und ein bisschen WordPress.

Grafik, Photoshop, Design

240+ Flag Icons In Every Size You Need | Web Resources | WebAppers
Flaggen in Icons, Icons aus Flaggen.

NoiseGen – Saving Precious Seconds Since 2010
Rauschen ist ja gerade total angesagt, noch leichter wirds hiermit.

Setting up Photoshop for web, iPhone and iPad development
Farbverbindlichkeit und so.

Gradients
Grundlagen der Photoshop-Verläufe

Case Studies | EPIC Agency
Gute Sachen dabei.

CSS, @font-face

100 @font-face fonts and how to use them « Web Design Blog – WebDesignShock
Beispiele und Anleitungen zu @font-face

Ultimate CSS Gradient Generator – ColorZilla.com
Verläufe mit CSS3 und halbwegs-Support für unseren Freund Internet Explorer

jQuery

150 best jQuery effects for web designers and developers « Web Design Blog – WebDesignShock
Wooosh, Transform, Boooing.

Advanced jQuery, for those that dare

WordPress, facebook

Mobile interface for WordPress websites : WordPress Mobile Edition
WordPress Mobile Edition enhances your site’s interface for visitors using a mobile device. By automatically detecting mobile browsers, this plugin gives your blog a mobile/phone/PDA- friendly interface with progressive enhancement for advanced mobile browsers.

Facebook Like Button – Design

Linkscheucher 22

Michel Balzer — Tue, 28 Sep 2010 17:49:48 +0000

Mit piratigen Grüßen | Betriebsbedingte fristlose Kündigung
wir, das Volk, teilen Ihnen hiermit mit, dass wir Ihre Arbeitsverträge mit sofortiger Wirkung aufgrund betrieblicher, volkswirtschaftlicher und sozialer Gründe kündigen.
Sie verlieren hiermit sämtliche Ansprüche aus diesen Arbeitsverträgen.

Auto-Start von iPhoto beim iPhone-Sync abschalten
Geht mit „Digitale Bilder“

The Fonts | Nymphont
Mädchenschriften ;)

The Power of Adobe Fireworks: What Can You Achieve With It?
Sehr viele Beispiele, was man mit Adobe Fireworks hinbekommt

User Experiences: Evolving the blue “e”
Das neue Internet Explorer 9-Logo und seine Entstehungsgeschichte. Naja.

Do most languages need more space than English?/a>
Kaum. Aber wichtig zu wissen, wenn man mit UI-Design zu tun hat

Digital Agencies of the Future
Bald auch in deiner Agentur: „You need to upgrade your Flash Player“. Hintergrund: Agentur-Webseiten, die auf Flash aufbauen und auf dem iPhone nur Platzhalter anzeigen

Web ≠ Print
„Gestaltung für das Web ist nicht gleich Printgestaltung.“ Sehr sehr richtiger Artikel, sollte jedem Printdesigner, „der auch mal was mit Web macht“ gezeigt und von ihm abgesegnet werden.

Good Fucking Design Advice
Designer-Ratschläge in direkter Sprache

Hätte wäre wenn – vom Neuanstrich

Michel Balzer — Thu, 16 Sep 2010 22:16:01 +0000

Ich würde euch mit einem neuen Layout beglücken wollen, wäre der Footer denn schon fertig, wäre überlegt und implementiert einen einzelnen Artikel anders aussehen zu lassen als die anderen, wären Zitatblöcke gestyled, wären wären wären …

So müsst ihr euch also ein wenig gedulden. Ich find nämlich keine Zeit dafür, unter anderem weil ich anderen Kram machen möchte, anderen Kram machen muss oder einfach gar nicht dran denke.

Spaßigerweise kann ich das neue Layout schon sehen, bin dementsprechend auch schon wieder gelangweilt davon – ich überlege, ob dies gegen das neue Layout spricht und werde mir gegebenenfalls ein anderes ausdenken und das bisher erbrachte dann vielleicht als WordPress Theme anbieten, wobei ich dann auch wieder lange daran arbeiten muss um es noch fertig herzurichten. Außerdem ist da Schrift-Einbettung drin, muss da noch die rechtliche Lage checken und so. Also eher Lizenz- denn rechtliche Frage, ihr wisst schon.

Also, vielleicht bekommt ihr bald was, vielleicht auch nicht. #F06

Linkscheucher 19

Michel Balzer — Wed, 25 Aug 2010 17:45:08 +0000

Und hier mal wieder ein paar Dinge, die ich las, für gut befand und euch auch noch damit nerve:

WordPress, die Startseite, index.php, home.php und front-page.php | perun.net

WordPress: unterschiedliche Titel für gleiche Seite | perun.net

Brian Warren says Be Good Not Bad , Backslider: A workaround for background positioning PNGs with IE6

Wie sieht eine gute Nachrichtenseite aus? | daswebdesignblog.de :: Artikel, Tutorials, Freebies und Interviews

Fun Facts zu Doctypes • Peter Kröner, Webdesigner & Frontendentwickler
Und so kommt es, dass Browsern die Inhalte von Doctypes völlig egal sind – Hauptsache es ist überhaupt einer vorhanden. Und folgerichtig funktioniert natürlich der HTML5-Doctype genau so gut wie alle anderen.

Netzneutralität » F!XMBR

Linkscheucher 18

Michel Balzer — Tue, 17 Aug 2010 11:37:05 +0000

Und hier mal wieder ein paar Dinge, die ich las, für gut befand und euch auch noch damit nerve:

How to use TextMate – Jeffrey Zeldman Presents The Daily Report
For two years, I’ve created web pages in TextMate, hand-coding every entity with no help from the application because I didn’t know it offered any.

Samantha Warren’s Web Design Blog | Design ~ Web Typography ~ Inspiration
BECAUSE THE WEB IS INTERACTIVE, establishing a visual hierarchy through typography is essential in guiding the user to the information they are seeking online.

dl_blog » ProSieben trotzt auf Twitter

Creating Impact With Photographic Backgrounds on the Web

Webdesign we love | Liechtenecker
Wie ordentliche und sehr ansprechende Webdesigns aussehen erläutern wir ab sofort in unserer Serie “Webdesigns we love” um hier auch einen kleinen Laufsteg der Möglichkeiten und Trends von modernen Webdesigns zu bieten.

HTML5 Boilerplate – A rock-solid default for HTML5 awesome.

Der neue Twitter Button in WordPress | agenturblog.de

Abduzeedo Redesign Case Study | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

Web Design Survival Guide – Back to basics web design | Cre8ive Commando
Ähm.

Biome — the making of a typeface | I love typography, the typography and fonts blog
Entstehung einer Schrift

Linkscheucher – 29.05.2010 bis 30.05.2010

Michel Balzer — Sun, 30 May 2010 20:14:22 +0000

Folgende Dinge las und fand ich in letzter Zeit gut:

Apple iPad: Erste Eindrücke » Pottblog
Jens über seine ersten Eindrücke zum Apple iPad

DIY “Plants vs. Zombies” Plüschfiguren : misterhonk.de
Plüschfiguren aus dem beliebten iPhone-Spiel Plants vs Zombies ().

ClearType For All | Blog | FontShop

What the iPad is Missing (No, it’s not a Camera) | The FontFeed
“Yet it’s exactly that part of media consumption, reading, that reveals what’s missing on the iPad: good typography.”

Maxvoltar – What does 320dpi mean to designers?
“So the next iPhone (which I’m betting will be called iPhone HD) will almost definitely1 have a screen with a resolution of 640 by 960 pixels, at 320 dots per inch. This is double of what the iPhone 3GS has today (163dpi), and two and a half times the pixel density of the iPad (132dpi), giving you a total playground of 614,400 pixels.”

minimalistisch » » Nils Guadagnin und das pinke Hoverboard.
Oh cool, das Hoverboard aus Zurück aus der Zukunft. In Echt.

How to Get Your Camera Back When You Lose It
Ha, Photograph lässt immer ein paar Bilder mit E-Mail-Adresse und so auf seiner Kamera. Falls sie mal verloren geht, sieht sie der Finder vielleicht :)

VerfickteScheisse.com » Astra Bier – Werbeplakate
Sehr geile Werbeplakate von Astra Bier

Fairbloggt.de – Hää!? » Katerkiller. » Prime Serum, Prime, Killerkater, Fruchtsuppe, Alkohol, Bernsteinsäure, Mineralstoffmatrix, Anti-dehydrierend, Ascorbinsäure, Mittel gegen Kater, prime-serum.de
Oha, was für den Kater danach.

Warum ich Apple gelegentlich hasse. Ein Rant über angebliche Bildrechte
“Unfortunately your promotion plans to include iPad which does not fit with our marketing strategy at this time, so we would ask you to remove the competition.”

Ignoranter Webdesigner » CSS, HTML, Webdesign, Webstandards » ononlinework
Stefan David schreibt einem Webdesign-Kollegen, welche Fehler dessen Websites beinhalten und hat ziemlich recht.

Meine delicious-Links vom 29.05.2010 bis 30.05.2010:

Linkscheucher – 28.05.2010

Michel Balzer — Fri, 28 May 2010 21:24:04 +0000

Folgende Dinge las und fand ich in letzter Zeit gut:

meine WordPress Plugins // Blog.Tocki | Tilman Ockert, Stuttgart
How to fit your website for the Apple iPad « x7 Labs
Löst die Titan-Disc die Bluray-Disc ab? | Webmaster-Zentrale
JW Player for HTML5 | LongTail Video | Home of the JW Player
Want vs. Need von Erin Hanson | iGNANT BLOG
addictive flavour | iconload.de
Sehr umfangreichens Icon-Paket von Oliver Twardowski
Facebook in Real Life
20 Elegant Fonts for Clean Design | Freebies
Web Development For The iPhone And iPad: Getting Started – Smashing Magazine
Grundlagen und so.
iA » WIRED on iPad: Just like a Paper Tiger…
Was WIRED bei Ihrer iPad alles falsch gemacht in Sachen Typographie, Spaltenanzahl und anderen Dingen.

Meine delicious-Links vom 28.05.2010