8

Responsive Grids mit Susy

Von , und am 04.01.2014

Grid Systeme im Web sind interessanter Weise erst in den letzten Jahren beliebt geworden. Doch diese Technik ist nicht neu, es ist eine anerkannte Design-Technik, die beispielsweise schon in den 60er Jahren für Poster verwendet wurde. Ein Grid System ist nichts anderes als horizontale und vertikale Linien, die in gleichmäßigen Abständen verteilt sind. Modular betrachtet […]

responsiveImageMap

Responsive Image Maps

Von am 12.12.2013

HTML Image Maps wurden früher im Web häufig verwendet und auch für Navigationen eingesetzt. In letzter Zeit haben sie aber etwas an Bedeutung verloren. Dennoch sind sie nach wie vor hilfreich, um schnell unterschiedliche Bereiche auf einem Bild markieren zu können. Vor allem mehreckige Regionen, sogenannte polygon hotspots, lassen sich damit ziemlich einfach realisieren.

Fiddler_Logo

Fiddler – Ein Web Debugging Proxy

Von am 05.12.2013

Oft kommt es ja vor, dass nützliche Daten im Web ohne Einschränkungen verfügbar wären, aber für externe Entwickler vom Anbieter (noch) keine API-Beschreibung veröffentlicht wurde, wie bei der ÖBB, ORF TVTHEK oder XboxMusic. Will man trotzdem irgendwie mit diesen APIs kommunizieren, muss man die richtigen JSON und XML Requests kennen. Ein nützliches Tool mit dem man diese […]

Offline REST Fallback

Offline REST Fallback via LocalStorage

Von , und am 30.11.2013

Für unser Projektmanagement-Tool „Herculess“ ist ein wichtiger Aspekt, dass die App Offline-fähig ist. Während das in einer nativen App relativ einfach möglich ist, ist solch eine Funktionalität bei Web-Apps immer noch nur sehr selten zu finden. Die Web-App von Herculess basiert auf dem JavaScript-MVC-Framework Ember.js, welches, ergänzt durch Ember-Data, sehr einfach mit REST-APIs umgehen kann. […]

offlineJS

Offline.js

Von am 26.11.2013

Um den Verbindungsstatus im Browser zu bekommen, gibt es mehrere Möglichkeiten. Ich möchte hier eine ziemliche nette Library “Offline.js” vorstellen. Diese alarmiert den User automatisch, wenn seine Webanwendung die Internetkonnektivität verloren hat. Offline.js prüft Falschmeldungen, indem es einen Request zu einer Fake-URL startet. Für den ersten Einsatzzweck gibt es einige Themes, und Konfigurationen sind auch […]

atomic-design-process

Atomic Design für Mobile-o-Poly

Von , , und am 20.11.2013

Als ich dieses Jahr im Mai auf der beyondtellerrand Konferenz in Düsseldorf teilnahm, war es vermutlich der Vortrag von Brad Frost über Atomic Design, der mich am meisten inspiriert hat. „We’re not designing pages, we’re designing systems of components.“ – Stephen Hay Das Handwerk des Web Design ist einem ständigen Wandel unterlegen und es zeigt […]