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
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 […]

Kategorien
Design Responsive Design Webdesign

STRATO Homepage-Baukasten: Übersichtlich, schnell und individuell anpassbar

Viele große Provider bieten in ihren Tarifen mittlerweile eigene Homepage-Baukästen an. So wird jeder im Handumdrehen zum Webdesigner. Da sich diese Baukästen vor allem an wenig erfahrene „Webmaster“ richten, ist natürlich eine übersichtliche und einfache Bedienung wichtig – im Idealfall kombiniert mit größtmöglicher Gestaltungsfreiheit. Strato gehört zu den bekanntesten und größten Webprovidern und bietet mit seinem […]

Kategorien
Bilder bearbeiten Design Photoshop

Photoshop: 5 unverzichtbare Erweiterungen für den Alltagsgebrauch

Die meisten Grafik- und Webdesigner dürften mit Photoshop vertraut sein und damit – mal mehr und mal weniger zufrieden – arbeiten. Damit der tägliche Umgang mit Photoshop noch angenehmer und schneller geht, gibt es eine Vielzahl an Erweiterungen, die dir den Workflow in Adobes Bildbearbeitung erleichtern sollen. Perfekte Muster mit „Seamless Textures“ Originalbild mit „Tile“- und […]