Schlagwort: Webdesign, UX/UI, Usability

Kategorien
Linktipps

Linkscheucher 23

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

Kategorien
Linktipps

Linkscheucher 22

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

Kategorien
Intern Webdesign/Gestaltung

Hätte wäre wenn – vom Neuanstrich

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.

Weiterlesen „Hätte wäre wenn – vom Neuanstrich“
Kategorien
Linktipps

Linkscheucher 19

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

Kategorien
Linktipps

Linkscheucher 18

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

Kategorien
Linktipps

Linkscheucher – 29.05.2010 bis 30.05.2010

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 (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:

Kategorien
Linktipps

Linkscheucher – 28.05.2010

Folgende Dinge las und fand ich in letzter Zeit gut:

Meine delicious-Links vom 28.05.2010

Kategorien
Webdesign/Gestaltung

Blogelemente die es aufzuhübschen gilt

Damit ich es nicht beim nächsten Redesign vergesse habe ich mir kurzerhand aufgeschrieben, welche Elemente es in einem Blog gibt, die irgendwie gestyled werden müssen. Und damit auch ihr was davon habt, teile ich das mit euch :)

Aufgeteilt ist die Liste in die Beitrags-Elemente, Kommentar-Ansicht, Kommentarformular, Footer, Navigation, verschiedene Inhaltstypen und -seiten und sonstige Sachen, die meistens gut in die Sidebar passen.

Artikel-Elemente

Artikeltitel
Datum
Kommentaranzahl mit Link zu den Kommentaren
Text
Zwischenüberschriften
fett, kursiv
Blockquote
Code
Links
Bilder
Listen
– unsortiert
– sortiert
– Definitionslisten
Tabellen
Tags
Kategorien
Edit-Link

Optional:
Facebook-Sharing
Retweet
flattr
sonstiger Socialkram

Kommentare
Gravatar
Text
Autor
Datum
Reply-Button
Edit Link

Kommentare und Trackbacks trennen

Kommentarformular
Name
Website
E-Mail
Labels, input, textarea
Checkboxen
Submit-Buttons
Kommentar-Feed

Navigation
Hauptnavigation (Seiten)
Pagination
Suchformular
Archivseiten
Tags
Kategorien

Footer
Copyright
Wordpress-Satz
cooler Abschlusssatz

anderes
Adsense
andere Werbung (Linklift)
Facebook-Like-Box
letzte Tweeds
Blogroll

Inhalte
Über mich-Seiten
Kategorie-Archiv
Tag-Archiv
zeitliches Archiv
Suchergebnisse
Kontaktseite
Impressum
Feed-Links