Kategorien
CSS

Diese CSS-Selektoren sollten Sie kennen

In CSS gibt es jede Menge interessanter Selektoren, die versierten Frontend-Entwicklern zwar grundsätzlich bekannt sind, die dennoch oftmals nur sparsam zum Einsatz kommen. Das liegt unter anderem daran, dass der von CM-Systemen erzeugte Quelltext oft viele Klassen benutzt, die dann auch für das Styling genutzt werden. Dabei sind diese Selektoren unheimlich mächtige Werkzeuge, die dir […]

Kategorien
WordPress

Dein WordPress läuft nicht? So behebst du die gängigsten Fehler!

Jeder WordPress-Anwender, der etwas in den Code eintaucht oder gerne Plugins und Themes neu installiert oder ändert, kennt das Problem. Unweigerlich taucht irgendwann ein Fehler auf. Dabei kann es sehr frustrierend sein, wenn man nicht sofort eine Lösung parat hat. Doch andere WordPress-User vor dir hatten bereits dieselben Probleme und haben sie auch gelöst. Profitiere […]

Kategorien
WordPress

WordPress: Was sind Custom Post Types?

Die meisten Menschen, die sich mit WordPress näher beschäftigen, haben bereits einmal von Custom Post Types  gehört. Wirklich etwas mit dieser Funktion anzufangen, und vor allem, sie auch zu nutzen, wissen leider die wenigsten Webdesigner und Blogger. Dabei sind Custom Post Types so etwas wie das Salz in der WordPress-Suppe – sie sind einer der […]

Kategorien
CSS Websites

CSS3: So zentrierst du Elemente richtig

Was soll daran schwierig sein, Elemente in CSS zu zentrieren? So mögt ihr spontan denken. Wenn ihr euch mit dem Thema jedoch schon öfter befasst habt, wisst ihr auch, dass Zentrierung manchmal zu einer echten Herausforderung werden kann. Im folgenden Beitrag zeige ich euch fünf Methoden, eure Elemente und Schriftzüge in HTML mit Hilfe von […]

Kategorien
Webdesign

Hero-Images: So setzt du Bilder plakativ ein

Schauen wir doch mal auf zwei scheinbar gegensätzliche Trends im Webdesign. Einerseits werden Websites immer minimalistischer – weniger Farben, klare Schriften und einfache Formen. Auf der anderen Seite sind großformatige, fensterfüllende Bilder – sogenannte „Hero Images“ – angesagt. Was widersprüchlich aussieht, ist das aber nur auf den ersten Blick. Auf den zweiten Blick ergänzen sich […]

Kategorien
Social Media Webdesign

Social Media Bilder erstellen mit Crello, Canva und Spark

Es ist schon erstaunlich, aber wahr. Für die Erstellung plakativer Bildkompositionen für deine sozialen Medien, deine Website und sogar deine sonstigen Kommunikationsmittel musst du nicht unbedingt Geld ausgeben. Mit Spark, Crello und Canva buhlen gleich drei kostenlose Dienste um deine Gunst. Wie du mit den drei Alternativen jeweils zum Ergebnis kommst, zeige ich dir folgend […]

Kategorien
Webdesign

Alles paletti: So wird deine Website valide, barrierefrei, sicher und schnell

Webentwicklung wird zunehmend komplexer. Neben korrekter Auszeichnung von HTML und CSS gibt es zahlreiche weitere Faktoren, die zwar nicht zwingend das korrekte Aussehen einer Website beeinflussen, aber dennoch auf den Erfolg einer Website Einfluss haben. Dazu gehört eine barrierefreie Darstellung der Inhalte, sowie eine schnelle Erreichbarkeit. Das alles selbst im Blick zu haben, ist schwierig. […]

Kategorien
Websites

Coverr: Hunderte kostenloser Videos für deine Website

Jeden Tag ein neues Video, respektive jeden Montag sieben neue Videos – so lautete das Versprechen der Betreiber von Coverr. So wollte man eine Art Unsplash für Video werden. Inzwischen wissen wir, das hat nicht geklappt. Abschreiben sollten wir Coverr deshalb noch lange nicht…

Kategorien
Webdesign

Typographie im Alltag: So werden deine Texte lesbar

„Web Design ist zu 95% Typographie“, sagte kein geringerer als Oliver Reichenstein. Natürlich ist Typographie seit jeher eines der wichtigsten Elemente im Design. Für Grafikdesigner gehört Typographie direkt im ersten Semester zum täglich Brot.

Kategorien
Webdesign

Privnote: Nachrichten, die sich selbst zerstören

Du wolltest dich schon immer wie ein Geheimagent fühlen und Nachrichten verschicken, die sich nach dem Lesen selbst zerstören? Kein Problem, das übernimmt Privnote für dich.

Kategorien
Websites

Bildoptimierung: Mit diesen Tools werden deine PNG und JPG federleicht

Regelmäßige Leserinnen und Leser des Dr. Web Magazin kennen den großartigen Bildoptimierer TinyPNG aus den Niederlanden. Viele, so wie ich, werden den Schrumpf-Service fest in den Arbeitsalltag aufgenommen haben. Über 70% Ersparnis in der Dateigröße bringt TinyPNG zuverlässig, ohne sichtbar die Qualität zu beeinträchtigen. Das bedeutet indes nicht, dass der Dienst alternativlos wäre. Ich habe […]

Kategorien
Webdesign Websites

Farbenkunde: So wirken die Farben auf der Website perfekt

Die besondere Wirkung von Farben spielt eine große Rolle im Webdesign, denn Farben berühren die Sinne, lösen Gefühle aus und bleiben im Gedächtnis. Durch Farben ausgelöste Emotionen sind sehr wichtig für die Bildung einer Marke. Ohne die richtige Farbe wäre manches moderne Unternehmen nicht so groß geworden sein. Daher bringen wir dir heute die gängige […]

Kategorien
Sicherheit Websites WordPress

.htaccess: Tricks & Regeln für ihre Website

Die Webserver-Konfigurationsdatei .htaccess ist eine der wichtigsten Dateien ihrer Website-Installation. Viel kann diese oftmals noch unterschätzte Datei leisten. Sie kann zu einem wahren Performance-Schub einer Website ebenso beitragen, wie zu erhöhter Sicherheit. Immer wieder werden WordPress-Websites gehackt, weil kein Augenmerk auf die Sicherheit der Website gelegt wird. In diesem Artikel stelle ich meine eigene .htaccess-Datei vor, […]

Kategorien
WordPress

WordPress: So stellst du deine Website auf HTTPS um

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
WordPress

WordPress Beitragsbild wird nicht angezeigt? Fehler beheben.

Das Beitragsbild in WordPress kann sich – je nach Theme – massiv auf dein Design auswirken. Vor allem dann, wenn du es vergisst oder andere Probleme auftreten.

Kategorien
Webdesign

Darauf musst du beim Einsatz von Stockphotos achten

Fotos spielen eine wichtige Rolle im Grafik- und Webdesign. Sie lockern auf, vermitteln Stimmungen und Eindrücke und regen zum Lesen an. So sind Fotos in Websites ein unverzichtbares Mittel der Kommunikation. Da man nicht immer das passende Bild zur Hand hat und dieses oft auch nicht selbst schießen kann, gibt es Stockphotos. Aber was gilt es beim […]

Kategorien
WordPress

WordPress Staging Server aufsetzen mit WP Staging

WP Staging ist ein WordPress-Plugin, mit dem du im Handumdrehen eine exakte Kopie deiner Live-Website erstellen kannst. Schneller kommst du nicht zu einer funktionierenden Entwicklungsumgebung.

Kategorien
Webdesign

Verkaufspsychologie: So verkauft deine Webseite besser

In diesem Artikel erhältst du auf der Grundlage verschiedener Kaufmotive aus der Verkaufspsychologie 20 Tipps, die dir helfen werden, deine Webseite so zu gestalten, dass du erfolgreicher verkaufst und langfristige Beziehungen mit zufriedenen Kunden aufbaust.

Kategorien
WordPress

WordPress-Snippets: Die 26 besten Code-Schnipsel für deine Website

WordPress wird erst so richtig gut durch die Plugins, denn damit kannst du deine Website genau auf deine Bedürfnisse ausrichten. Viele Funktionen lassen sich jedoch auch ohne den Einsatz eines Plugins einbauen. Ein einfaches Snippet reicht. Sich die benötigten Snippets zusammenzusuchen kann jedoch ziemlich mühsam sein.

Kategorien
Webdesign

Performance: Einfache Tipps zur Video-Optimierung auf Websites

Video auf Websites ist inzwischen ein gängiges Element, das vielfach sogar zu reinen Design-Zwecken eingesetzt wird. Und es ist ein Faktor, den du aus Performance-Gründen dringend optimieren solltest.