Kategorien
Video

Home/Office: Freelance Webdesigner-Sitcom

Sieht auf den ersten Blick ganz spaßig aus: Home/Office ist eine Mini-Sitcom über einen freiberuflichen Webdesigner.

Hier der Trailer:

https://vimeo.com/136158851

Und die erste Folge „Starting your own Business“:

https://vimeo.com/135396153

Kategorien
Linktipps Webdesign/Gestaltung

Fwd: Was kostet eine Website?

In der letzten Zeit häufen sich die Anfragen, in denen um ein Angebot für die Umsetzung einer Website gebeten wird. Das überrascht wenig, schließlich ist das mein Job. Allerdings konnte ich nur bei zwei der letzten dreißig Anfragen ohne weiteres Nachfragen zumindest mal mit einem groben Kostenrahmen antworten. Ich möchte daher einen Leitfaden erstellen, der dabei helfen soll, Anfragen für Website-Projekte vernünftig zu formulieren.

Marc Hinse über die ungefähre Kalkuation einer Website. Sollte man sich für Kundenanfragen bereitlegen.

Kategorien
Frontend: HTML5, CSS3, jQuery Gestaltung und Design Webdesign/Gestaltung

Responsive Webdesign – wirklich gut? (Klar, aber …)

Schon vor ein paar Monaten hatte ich drüber nachgedacht: malen wir uns die Responsive-Webdesign-Welt schöner, brauchbarer, als sie ist? Kommen die Besucher damit wirklich klar? Brauchen wir es wirklich immer? Wie das das aber so ist, verliert man einen Gedanken schon mal, bis dann zwei Tweets auftauchen, die den Gedanken wieder aufkommen lassen:

https://twitter.com/brucel/status/289775537017217024

https://twitter.com/brucel/status/289775759885750273

Nehmen wir mit RWD dem „normalen“ Besucher seine Gewohnheiten, wenn wir die Seiten so anpassen, dass Spalten verschwinden oder Navigationsmenüs sich hinter einem Button mit Icon verstecken?

Kategorien
Mac & iPhone

☞ „Different People Have Different Hands“

I’ve seen a number of iPhone reviews talk about this. Some noted that the screen was uncomfortably big, others reported that the phone had just the right screen size, and even others preferred larger Android phones.

via ignore the code: Different People Have Different Hands.

Hab ich doch gesagt, dass da Beschwerden zum größeren Display des iPhone 5/iPod Touch 5G kommen.

Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

„What device classes are you targeting?“

Plenty of Devices

Obiges Bild von Brad Frost zeigt sehr deutlich, wieviele verschiedene Geräte und Bildschirmgrößen es so gibt – und das sind noch längst nicht alle –, auf denen eine Website benutzbar und gut aussehen sollte. Bestellt aber eben leider auch nicht jeder mit. Gesehen bei A non-responsive approach to building cross-device webapps, auf den ich durch einen Tweet von David Hellmann stoß.

Kategorien
Usability Webdesign/Gestaltung

Mauslos für eine Stunde: Experience Accessibility First-Hand on May 9

Sehr spannende und lehrreiche Aktion: am 9. Mai (diesen Mittwoch) soll man mal für eine Stunde die Maus* nicht benutzen und nur mit Tastatur und Screenreader durchs Internet und selbst erstellte Projekte zu navigieren.

Sinn des ganzen soll sein, mal wieder ein oder zwei Augen auf Accessibility und Usability in Webprojekten zu achten. Wunsch ist es, dass man von den Erfahrungen der mauslosen Stunde bloggt: was war die größte Überraschung? Welche Schwierigkeiten gab es? Was hast du draus gelernt.

Ich werde hier gerne mal dran teilnehmen, werde das dann aber vermutlich in die Abendstunden legen. Wobei, dann könnte ich mal das von uns in der Agentur verwendete Contao CMS im mauslosen Einsatz verwenden und merken, wie es sich so schlägt.

Go ahead and unplug your mouse and only use your keyboard alone (tab/shift tab, arrow keys, enter and spacebar) to navigate and interact with your favorite websites and applications. If you use a touchpad, trackpad or similar input method, disable it, and use the keyboard instead. Global Accessibility Awareness Day

* oder Trackpacks, Wacoms, Touchpad

Gefunden via twitter:

https://twitter.com/Jennison/status/199567932286705664

Kategorien
Linktipps

Linkscheucher 28 – Webfonts, CSS3 Rainbows, facebook Suchvorschläge

Aus Zeitmangel mal wieder eine, leider unvollständige, Liste an Artikeln, die mit Webdesign, -entwicklung und ähnlichem zu tun haben.

The 10 best fonts from the Google Webfonts Directory | Ralf Herrmann: Wayfinding & Typography

OMG!!! Rainbow Dividers in CSS3!!!

Where are my rounded corners? « Boagworld

Do you struggle to explain or understand why a website looks different in different browsers? If so, I might just be able to help.

10 ways to screw up a web form and piss me off – TNW Design & Dev

10 online tools to simplify HTML5 coding | CatsWhoCode.com

I’m redesigning Smashing Magazine » Blog » Elliot Jay Stocks

[…] and Iâ€ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢m happy to say that my involvement now runs even deeper: Iâ€ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢m currently in the midst of redesigning the website.

Who Does Facebook Think You Are Searching For? | thekeesh.com

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