Kategorie: Frontend: HTML5, CSS3, jQuery

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?

Weiterlesen „Responsive Webdesign – wirklich gut? (Klar, aber …)“
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
Frontend: HTML5, CSS3, jQuery

Coda 2 is coming on May 24th – with a little brother called Diet Coda

Screenshot Coda Website

As I’m currently happy with Sublime Text 2 as my editor of choice, I’m happy for all the Coda fans that Coda 2 is coming out on May 24th. And there will be an iPad version of it, too, which is called Diet Coda—nice little word play with Diet Coke but I guess you already figured it out.

You can read more about pricing and discounts in the first 24 hours (50 %!) in Panic’s announcement blog post.

Hell yeah, this blog post is written in somewhat english. I believe the english language is nice to handle and even this whole web development thingy is dominated by english texts, so why not write myself english posts from time to time? Have I already mentioned the word “english”?

Coda 2 in the Mac App Store | Diet Coda in the iPad App Store

Kategorien
Bücher Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

Smashing Book #3 – Redesign the web

www.smashingbook

Die Leute vom Smashing Magazine haben die dritte Ausgabe des Smashing Book veröffentlicht. Anders als die anderen Ausgaben gibt es nun ein festgesetztes Thema: Redesign the Web. Mitbestellen kann man sich auch das Smashing Book 3 1/3.

Kaufen kann man sie im Smashing Shop: gedruckt für 39,90 $, gedruckt im Bundle (mit 3 1/3) 49,80 $; als eBook-Bundle (3 und 3 1/3) für 19,90 $ und schließlich im Komplettpaket gedruckt und als eBook für 59,90 $. Sind gegenwärtig ca. 46 € plus Versand.

Werde mir vermutlich – trotz Kindle – die gedruckte Fassung besorgen. Im Zweifel auch das Komplettpaket aus Druck- und eBook-Variante.

Kategorien
Frontend: HTML5, CSS3, jQuery Linktipps

‘Abstracting CSS for Sustainable UI’ mit SASS und Compass

Sehr kurzweilige Einführung in SASS und Compass von David Kaneda auf der Emerging Tech for the Enterprise Conference in Philadelphia. Mit SASS und Compass kann man seine Stylesheets mit Variablen, Funktionen und weniger Tipparbeit versehen. Auch Andreas Dantz hatte darüber einen Vortrag gehalten.

David Kaneda will cover the benefits of abstracting CSS by taking a deep look at Sass and Compass. The presentation will include general benefits of abstracted CSS as well as a live-coding demo to show, first-hand, how to get started.

Video im Artikel „‘Abstracting CSS for Sustainable UI’ mit SASS und Compass“
Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

Anna Katharina Leuthausser-Schnarrenberger

Anna Katharina Leuthausser Schnarrenberger

Wenn ich am Schluss meiner Ausbildung – meine Güte ist das schon lange her – etwas gelernt habe dann, dass man für UI– und UX-Design nicht auf Max Muster als Dummynamen zurückgreifen sondern auch hier schon den Ernstfall proben sollte. Sehr gut eignet sich dafür folgender Name:

Ist unglaublich lang (43 Zeichen inklusive Leerzeichen), hat einen Bindestrich, zwei Vornamen und der Nachname lässt durch seine Bekanntheit eventuell den ein oder anderen schmunzeln, der aufs Design guckt.

Kategorien
Frontend: HTML5, CSS3, jQuery Gestaltung und Design Linktipps Mac & iPhone

→ Das iPad 3 und die Präsentation von Fotos im Internet | Jeriko

Das viel größere Problem ist jedoch Bandbreite. Zum Vergleich: die Homepage von Jeriko ist mit allem drum und dran etwa 1 Megabyte groß. Für eine optimale Darstellung muss jedes Foto mit einer doppelt so hohen Auflösung hochgeladen und angezeigt werden. Bei elf Fotos wäre ich dann wohl um die vier Megabyte Traffic für einen Seitenaufruf, von Einzelseiten mit Bilderstrecken fange ich am besten gar nicht erst an.

via Das iPad 3 und die Präsentation von Fotos im Internet | Jeriko.

Christoph schreibt was über das neue iPad Retina-Display und wieviel mehr Daten mit hochaufgelösten Bildern übertragen werden müssen.

Kategorien
Frontend: HTML5, CSS3, jQuery Mac & iPhone Webdesign/Gestaltung

Adobe Shadow

Adobe Shadow ist eine Tool-Sammlung für Windows oder Mac und iOS- sowie Android-Geräte um Webseiten auf verschiedenen Geräten zu testen. Martin hat sich das mal ein wenig genauer angeguckt.