Kategorien
HTML/CSS

Alles, was du über SVG wissen musst

Mit der Einführung von HTML5 ab 2004 wurde auch die JavaScript-basierte Zeichenmethode Canvas eingeführt. Bereits seit 2001 gibt es das vektorbasierte SVG-Format, welches allerdings erst in den letzten Jahren parallel zu HTML5 ein wirklicher Erfolg wurde. Beide Formate haben ihre Vor- und Nachteile. Aber welches ist wann besser geeignet? Wo liegen die Vor- und Nachteile? […]

Kategorien
Apps HTML/CSS Responsive Design Webdesign

Progressive Web Apps: Mit HTML5 und JavaScript zur fast nativen App

Native Apps für Android- und iOS-Geräte haben in vielerlei Hinsicht große Vorteile gegenüber per HTML5 und JavaScript entwickelter Webanwendungen.

Kategorien
Design HTML/CSS Responsive Design Webdesign

HTML5 & CSS3: mache deine Website fit für hochauflösende Displays

Als Apple vor einigen Jahren anfing, seine iPhones, iPads und MacBooks mit hochauflösenden Displays – den sogenannten Retina-Displays – auszustatten, hat das zu einer deutlichen Verbesserung der Darstellungsqualität geführt. Einzelne Pixel sind auf diesen Displays nicht mehr als solche zu erkennen. Mittlerweile sind hochauflösende Displays längst keine Besonderheit mehr. Vor allem aktuelle Mobilgeräte sind schon […]

Kategorien
HTML/CSS

CSS3 für Designprofis: Vier Eigenschaften, die du kennen und nutzen solltest

Mit der Einführung von CSS3 haben sich die Gestaltungsmöglichkeiten für Websites sehr verändert. Vor allem Animationen und Transparenzen werden seitdem häufig eingesetzt. Doch es gibt auch eine Reihe von Eigenschaften, die nur selten Verwendung finden. Dabei ist mangelnde Browserunterstützung meist kein Grund mehr, auf diese Möglichkeiten zu verzichten. Vier solcher zu Unrecht vernachlässigter CSS3-Eigenschaften solltet […]

Kategorien
Programmierung Webdesign

Framework jQuery: die Vorteile und Nachteile

Frameworks wie jQuery gehören zu den bekanntesten und weit verbreitetsten Helfer, die auf Websites eingesetzt werden. Das Framework ermöglicht es, schnell und unkompliziert auf HTML-Elemente zuzugreifen und diese zu manipulieren oder per CSS zu gestalten. Ich selbst bin kein großer Freund von solchen Frameworks und versuche, sie – wo immer es geht – zu vermeiden. […]

Kategorien
Design E-Commerce Webdesign

Schnelles Multi-Channel-Marketing mit dem „Journey Designer“ von WebEngage

Zeitgemäßes Marketing beruht unter anderem darauf, schnell und gezielt auf Nutzer reagieren zu können. WebEngage bietet hierbei zahlreiche Instrumente an, um Nutzer auf verschiedenen Kanälen – unter anderem per E-Mail, Web- sowie In-App-Messages, Push-Nachrichten und SMS – auf Angebote aufmerksam zu machen und sie zu Interaktionen zu ermutigen. Dank des neuen „Journey Designers“ entwickelst du komplexe Strategien […]

Kategorien
Bilder bearbeiten Design Webdesign

Animierte GIFs richtig erstellen – mit Cloudinary

Trotz HTML5-Video und CSS- sowie JavaScript-Animationsmöglichkeiten erfreut sich das animierte GIF nach wie vor großer Beliebtheit. Vor allem kurze Videosequenzen werden sehr häufig im GIF-Format erstellt und in sozialen Netzwerken geteilt. Mit dem Bilder-Clouddienst Cloudinary erstellst du animierte GIFs im Handumdrehen selbst. Dabei hilft dir Cloudinary, GIFs zu optimieren und auch in Videoformate zur konvertieren. Optimale […]

Kategorien
Design Webdesign Workflow

CuePin: Effektive und schnelle Kollaboration für Designprojekte

Als Grafik- oder Webdesigner kennt man das Problem: Projekte müssen vom Kunden abgenommen oder im Team besprochen werden. Dabei ergeben sich zahlreiche Anmerkungen, Änderungswünsche und Fragen. CuePin stellt hierbei ein effektives und einfach zu bedienendes Kollaborationswerkzeug zur Verfügung, mit dem du deine Entwürfe für Websites und andere Projekte ganz einfach anderen vorstellst und ihnen die […]

Kategorien
Bilder bearbeiten Design Webdesign

Datamaps.co: So schnell erstellst du Landkarten als PNG oder SVG

Gerade zur Visualisierung statistischer Daten werden politische Landkarten gerne eingesetzt. Nicht immer stehen einem solche Karten zur Verfügung. Vor allem aber ist die gestalterische Aufbereitung dieser Karten mit Aufwand verbunden. Der Dienst Datamaps.co stellt dir nicht nur vektorbasierte Karten zur Verfügung, sondern macht es dir auch leicht, diese mit statistischen Daten zu versehen und gestalterisch anzupassen. Karte auswählen Zunächst wählst […]

Kategorien
Design HTML/CSS Programmierung Webdesign

HTML5 und JavaScript: So erstellst du mobile Web-Apps

Mobile Web-Apps müssen nicht immer nativ programmiert werden. Auch mit HTML5 und den damit eingeführten JavaScript-APIs entwickelst du mobile Web-Apps, die bezüglich der Funktionalität den nativ programmierten Apps in (fast) nichts nachstehen. Dazu kommt, dass native Anwendungen auch ihre Nachteile haben, die du mit HTML5 nicht hast. Kein Store-Zwang, keine unterschiedlichen Plattformen Apps sind auf Smartphones und Tablets […]

Kategorien
E-Business

CacheFly: Das pfeilschnelle Content-Delivery-Network

Geschwindigkeit ist zwar nicht alles, aber ein wichtiger Aspekt bei den meisten Webprojekten. Gerade wer große Datenmengen, wie Videos und andere multimediale Inhalte verbreitet, ist darauf angewiesen, dass diese schnell beim Nutzer ankommen. Zu häufiges Buffering oder lange Wartezeiten können schon dazu führen, dass Besucher sich von deiner Website verabschieden. Eine schnelle Übertragung solcher Inhalte funktioniert meist […]

Kategorien
Design E-Business

WebEngage: Multi-Channel-Marketing für deine Website

Die Interaktion mit den Besuchern deiner Website ist ein wichtiges Instrument, um die Zufriedenheit der Besucher festzustellen und diese zu binden. Gerade wer E-Commerce betreibt und einen eigenen Online-Shop pflegt, weiß, wie wichtig ein möglichst „direkter Draht“ zu seinen Kunden und anderen Besuchern ist. Mit WebEngage fügst du ohne großen Aufwand Formulare für einfaches Feedback sowie […]

Kategorien
Design HTML/CSS UI/UX Webdesign

Mobile Navigation mit Taps und Gesten statt Maus

Das mobile Internet hat in vielerlei Hinsicht die Gewohnheiten, wann, wie und wo wir das World Wide Web nutzen, stark beeinflusst. So hat sich vor allem die Art und Weise, wie wir durch Websites navigieren, verändert. War die Maus bis vor einigen Jahren maßgeblich für die Navigation verantwortlich, sind es auf Smartphones und Tablets nun Taps und […]

Kategorien
Webdesign

Sicher ist sicher: Warum HTTPS für deine Website sinnvoll ist

Bislang waren sichere TLS-Verbindung für Websites nur dann obligatorisch, wenn personenbezogene beziehungsweise sensible Daten übertragen wurden. Das ist vor allem beim Online-Banking, aber auch bei E-Shops und sozialen Netzwerken der Fall. Doch dies soll sich ändern. Vor allem Google forciert mit seiner Initiative „HTTPS everywhere“ seit einigen Jahren die standardmäßige Verbreitung von sicheren Verbindungen für alle Websites. […]

Kategorien
Design Webdesign

Arbeitserleichterungen: Chrome-Erweiterungen für Webentwickler

Browser haben in den letzten Jahren zunehmend nachgerüstet und bieten mittlerweile zahlreiche Werkzeuge für Entwickler, mit denen du deine Webprojekte auf Herz und Nieren, beziehungsweise HTML, CSS und JavaScript testest. So werden JavaScript-Fehler ebenso erkannt wie eine falsche CSS-Auszeichnung. Doch die Entwicklerwerkzeuge können (noch) nicht alles. Daher gibt es zahlreiche Chrome-Erweiterungen für Webentwickler, die dir die […]

Kategorien
Responsive Design Webdesign

Simbla: Websites bauen mit dem neuen Datenbank-Builder

Websites erstellen ohne Kenntnisse in HTML, CSS und JavaScript – viele Homepage-Baukästen versprechen dies. Der Website-Builder Simbla gehört zu jenen Anbietern, die nicht nur schicke Templates zur Verfügung stellen. Das Weblayout ist responsiv und basiert auf dem neuen Standard HTML5. Simbla bietet also alles, was eine zeitgemäße Website haben muss. Jetzt kannst du dank des Datenbank-Builders […]

Kategorien
Bilder bearbeiten Design Plugins Webdesign WordPress

MapSVG: vektorbasierte Karten für jQuery und WordPress

Landkarten werden immer wieder benötigt – sei es zur visuellen Ergänzung statistischer Daten oder zur Darstellung von Standorten. Mit MapSVG steht dir ein Dienst zur Verfügung, mit dem du auf einfache Art und Weise vektorbasierte und interaktive Karten im SVG-Format in deine Website einbaust. MapSVG gibt es sowohl als Plugin für jQuery als auch für […]

Kategorien
Design Responsive Design UI/UX Webdesign

So schlecht funktionieren Hamburger-Menüs und versteckte Navigation

Kleine Displays, wenig Platz – auf Smartphones ist es immer wieder eine Herausforderung, Inhalt und Navigation einer Website unterzubringen. Daher hat es sich mittlerweile etabliert, die Navigation auszublenden und nur ein Hamburger-Icon zu platzieren, welches per Tap die Navigation einblendet. Schon lange wird darüber diskutiert, ob es sinnvoll ist, etwas derart wichtiges wie die Navigation […]

Kategorien
Design Icons & Fonts Webdesign

Online-Webfont-Generatoren: Welche gibt es und was können sie?

Webfonts sind mittlerweile ein fester Bestandteil im Webdesign. Neben zahlreichen kommerziellen Schriften gibt es dank Google Fonts auch viele Schriften, die du kostenlos in deine Webprojekte einbinden kannst. Wer grundsätzlich lieber selber hostet, findet im Internet einige Online-Webfont-Generatoren, die Desktopschriften in Webfonts umwandeln. Umfangreicher Webfont-Generator von FontSquirrel FontSquirrel gehört sicher zu den bekanntesten Anbietern kostenloser […]

Kategorien
Design Freebies, Tools und Templates Icons & Fonts UI/UX

Schriften kombinieren leicht gemacht (kostenloses E-Book)

Spätestens mit der Einführung der Webfonts steht auch Webdesignern die ganze Vielfalt der Typografie für ihre Projekte zur Verfügung. Richtige Schriften kombinieren fällt jedoch nicht allen leicht. Das kostenlose E-Book „Combining Typefaces“ hilft dir, passende und zueinander passende Schriften zu finden. Also, welche Schriften passen zu meinem Weblayout und welche Schriften harmonisieren gut miteinander? Das E-Book […]