Webdesign

CSS

CSS3: Mit Exclusions und Regions Texte darstellen wie in InDesign

17. Mai 2013
von
CSS3: Mit Exclusions und Regions Texte darstellen wie in InDesign

Dank Adobe könnten Texte auf Websites bald so gestaltet werden, wie es beispielsweise in InDesign möglich ist. Der kalifornische Software-Konzern hat zwei Vorschläge gemacht, wie sich Texte mit CSS in Form bringen lassen und wie sie auf unterschiedliche HTML-Elemente aufgeteilt werden können. Adobe und HTML Texte in Form bringen mit CSS-Exclusions Texte in HTML sind bislang immer beschränkt auf eine rechteckige Grundform. Im Printdesign...

Weiterlesen »

HTML

Jetzt einsatzbereit: Mozillas X-Tags sollen das Web-Development beschleunigen

15. Mai 2013
von
Jetzt einsatzbereit: Mozillas X-Tags sollen das Web-Development beschleunigen

Vor einem knappen Jahr stellten wir Ihnen an dieser Stelle das Mozilla-Projekt X-Tags vor. X-Tags sollte der Standardisierung vorgreifen und Web Components (teilweise) bereits zum jetzigen Zeitpunkt in modernen Browsern verfügbar machen. Vor zwei Tagen nun war es soweit. Im offiziellen Mozilla-Blog wurde der Startschuss gegeben. Seit unserer ersten Vorstellung hat sich einiges getan im Projekt X-Tags. X-Tags: Eigene HTML-Elemente definieren Auf den ersten...

Weiterlesen »

Statistiken

Weg mit Google Analytics! Die besten Statistik-Tools für Selbsthoster

13. Mai 2013
von
Weg mit Google Analytics! Die besten Statistik-Tools für Selbsthoster

Datenschutz ist immer ein Problem für Webmaster. Zu umfangreich sind die deutschen Regelungen, um wirklich alles wasserdicht auf der eigenen Webseite umzusetzen. Gerade die unverzichtbaren Webstatistiken legen gleich mehrere Fallstricke, wobei vor allem externe Dienste Datenschutzprobleme mit sich bringen. Da liegt die Idee nahe, einfach selbst die Statistiken zu erzeugen und die Probleme zu umgehen. Tools gibt es dafür einige, aber nicht alle sind...

Weiterlesen »

Photoshop

Webdesign mit Photoshop: diese 5 Plugins machen den Alltag angenehmer

24. April 2013
von
Webdesign mit Photoshop: diese 5 Plugins machen den Alltag angenehmer

Viele Weblayouts entstehen in Photoshop und werden anschließend auf unterschiedliche Weise in HTML und CSS umgesetzt. Dank zahlreicher Plugins kann man sich die Arbeit mit Photoshop etwas erleichtern. Fünf Plugins, die sich speziell an Webdesigner richten, habe ich für Sie ausgesucht. Schnelle Rastererstellung mit GuideGuide Der erste Schritt zum Weblayout ist ein Raster, welches in der Regel aus mehreren Spalten und gegebenenfalls auch Zeilen...

Weiterlesen »

Designelemente

PSDDD: zentrale Anlaufstelle für Designer sammelt die besten Freebies aus Dribbble

22. April 2013
von
PSDDD: zentrale Anlaufstelle für Designer sammelt die besten Freebies aus Dribbble

Dribbble ist großartig. Es hat stets einen hohen Inspirationswert, sich durch die unterschiedlichsten Arbeiten zu bewegen und das zumeist sehr konstruktive Feedback der anderen Mitglieder zu lesen. Häufig stellen Designer lediglich Gestaltungsvorschläge ein, um diese mit der Community zu diskutieren oder sie schlicht zu zeigen. Etliche Designer geben ihre Entwürfe jedoch auch komplett für die Fremdnutzung frei und stellen sie auf Dribbble zum Download...

Weiterlesen »

Entwicklung

Schnell und flexibel HTML-Mockups erstellen mit RoughDraft.js

19. April 2013
von
Schnell und flexibel HTML-Mockups erstellen mit RoughDraft.js

Während der Entwicklung einer Website kommt stets ganz früh schon der Moment, wo ein fertig aussehendes Layout mit Inhalten dargestellt werden muss. Diese Inhalte gibt es zu diesem Zeitpunkt meist nicht, weshalb Blindtexte und allgemeine Fotos herhalten müssen. RoughDraft.js erstellt solche „Blindinhalte“ inklusive des nötigen HTML-Gerüstes mit wenig Aufwand für den Entwickler. RoughDraft.js: Viel Inhalt mit wenig Quelltext RoughDraft.js ist ein Tool, welches Inhalte...

Weiterlesen »

Chrome

Mozilla Labs TowTruck: Das neue Kollaborationstool im Test

18. April 2013
von
Mozilla Labs TowTruck: Das neue Kollaborationstool im Test

Aus den Mozilla Labs kommt zuverlässig Erstaunliches. Auch der neueste Spross des Hauses, der auf den interessanten TowTruck, zu deutsch: Abschleppwagen, hört, verspricht viel. Mit lediglich zwei Zeilen Code lässt sich damit jede beliebige Website aufrüsten. Diese bietet fortan die Möglichkeit, zu zweit von entfernten Lokationen aus, an ihr, mit ihr oder auf ihr zu arbeiten. Dabei wird der entfernte Cursor eingeblendet, zudem ist...

Weiterlesen »

Browser

Chrome-Entwicklertools mobil: Touch-Events und Geolocation am Desktop emulieren

17. April 2013
von
Chrome-Entwicklertools mobil: Touch-Events und Geolocation am Desktop emulieren

Mit den Chrome-Entwicklertools stellt Google ein umfangreiches Werkzeug für seinen Browser zur Verfügung, das einen bei der Umsetzung von Webprojekten unterstützt. Vor recht kurzer Zeit stellten wir den sehr gelungenen Online-Kurs zu den DevTools vor, der nach wie vor kostenfrei zur Verfügung steht. Heute möchte ich Ihren Blick auf die interessanten Möglichkeiten lenken, die die Tools für die Entwicklung mobiler Anwendungen bieten und die...

Weiterlesen »

HTML

HTML5: Wie das Template-Element komplexe Vorlagen ermöglicht

16. April 2013
von
HTML5: Wie das Template-Element komplexe Vorlagen ermöglicht

Zwar gibt es mit document.createElement() und anderen entsprechenden Methoden eine Möglichkeit, um per JavaScript HTML-Elemente zu erzeugen und dem DOM-Baum hinzuzufügen – komfortabel und übersichtlich ist das jedoch in der Regel nicht. Gerade ab einer gewissen Komplexität der zu erstellenden Elemente kann man schon mal den Überblick verlieren. Das HTML5-Template-Element soll für Abhilfe sorgen. Elemente als Vorlage im Dokument ablegen Das Prinzip des neuen...

Weiterlesen »

Javascript

Leaflet: Interaktive Karten mit JavaScript und OpenStreetMap

14. April 2013
von
Leaflet: Interaktive Karten mit JavaScript und OpenStreetMap

Wenn es um die Einbindung von Kartenausschnitten in eine Website geht, ist Google Maps die erste Wahl. Dank der JavaScript-API ist es zudem leicht, Karten mit Markern und anderen Overlays zu versehen. Das freie Pendant OpenStreetMap liefert eine solch einfache Möglichkeit der Herangehensweise nicht. Die JavaScript-Bibliothek Leaflet jedoch bietet viele Features, die man von Google Maps kennt, um interaktive Karten auf der Grundlage von...

Weiterlesen »