Categories
Webdesign

So erstellst du benutzerfreundliche Formulare

Anhand einiger exemplarischen Kontaktformulare von Firmen worüber Neukunden Kontakt aufnehmen können, Kundenregistrierungen bei Onlineshops und Anmeldung bei Social Media-Portalen möchte ich Ideen und theoretische Ansätze aufzeigen um Teile der Eingabe-Prozedur schlanker zu halten und gleichzeitig weniger Frust und Hürden zu generieren. Ich habe mich bemüht für Web-Entwickler, sowie Marketeer als auch für den Redakteur etwas […]

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

Categories
Webdesign

Die 100 besten und kostenlosen HTML-Themes

Fast noch beliebter als die Kategorie der PSD-Website-Templates ist jene mit Themes, die direkt auf HTML und CSS basieren. Eigentlich ist das logisch, sind letztere doch einfach so einsetzbar. Im Jahr 2016 gab es keinen Mangel an Vorlagen auf Basis von Webstandards. Heute haben wir die 100 Besten für euch zusammengestellt. Titel: New Age Erstellt […]

Categories
Webdesign

Die 100 besten und kostenlosen PSD-Website-Templates

Herzlich willkommen zum zweiten Teil unserer Reise zurück in das Jahr 2016. Heute stellen wir euch die 100 besten kostenlosen PSD-Website-Templates des vergangenen Jahres vor. Bei der Zusammenstellung haben wir auf eine breite Vielfalt unterschiedlicher Themen, Designs und Konzepte gesetzt. Keine Sorge, die klassische Schiene zwei- oder dreispaltiger Layouts wird ebenfalls bedient. Viel Spaß beim […]

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

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

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

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

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

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

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

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

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

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

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

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

Categories
Webdesign

Link Audit als SEO-Maßnahme

Neben dem Content ist besonders die Linkstruktur einer Website für Google einer der wichtigsten Rankingfaktoren. Für die Crawler der Suchmaschine sind hierbei sämtliche mit einer Domain in Zusammenhang stehende Verlinkungen interessant, aber auch die interne Seitennavigation sowie die Auswahl der Verweise auf fremde Domains (Outbound Links). Ein ganz besonderes Augenmerk legt der Google-Algorithmus jedoch darauf, […]

Categories
Bilder bearbeiten Photoshop Webdesign

Alles, was Sie über Photoshop Elements wissen müssen

Gerade für das Webdesign reicht das günstig zu erwerbende Photoshop Elements vollkommen aus. Wenn es um einfache Bildbearbeitung mit Assistentenunterstützung geht, ist Elements sogar empfehlenswerter als Photoshop. Kurzum, für die meisten Seitenbetreiber in der Weite des Netzes wird Elements jedenfalls nicht zu wenig bieten. Fotos importieren, organisieren und verwalten Bilder optimieren mit Schnellkorrekturen & Assistenten […]

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

Categories
HTML/CSS Webdesign

Tabellen responsiv gestalten – mit CSS, ohne JavaScript

Responsives Webdesign ist längst zu einem festen Bestandteil der Webentwicklung geworden. Die zunehmende mobile Internetnutzung macht es erforderlich, dass jede Website auch auf kleinen Displays zu erkennen ist. Das stellt Webdesigner und -entwickler immer wieder vor Herausforderungen. Wo bringe ich die komplexe Navigation unter? Wie stelle ich Fotos und Grafiken zur Verfügung? Was mache ich mit […]