Logo bj britta just

Kategorie: Webdesign

Mehr zum Thema

Hier findest Du weitere Beiträge mit Kategorie: Webdesign.
Viel Spaß beim Stöbern! 
Elementor Widgets, die über einen Computerscreen laufen als Symbol für das Elementor Widgets Glossar.

Das umfassende Glossar: Alle Elementor Widgets einfach erklärt

Entdecke in meinem Glossar alle Elementor Widgets mit kurzen Erklärungen, Tipps & Empfehlungen – damit Du endlich den Überblick beim Einsatz von Elementor hast!
Weiterlesen
Hintergrundvideos auf der Website barrierefrei einsetzen

Accessibility Tipp: Hintergrundvideos auf der Website barrierefrei einsetzen

Accessibility im Webdesign: Hintergrundvideos verleihen Deiner Website das gewisse Etwas. Wie Du sie barrierearm einsetzt und worauf Du dabei achten solltest ▶️
Weiterlesen
Listen und Aufzählungen richtig formatieren – mit ein bisschen CSS Code kommt auch optisch Ordnung rein.

Meine liebsten CSS Code Snippets: Listen und Aufzählungen richtig formatieren

Aus der Reihe meine liebsten CSS Code Snippets für WordPress & Elementor. Heute: Bullet Points, Nummerierungen & Co – Aufzählungen richtig formatieren. Mit CSS Code.
Weiterlesen
Ein weißes Computerkeyboard, auf dem die Tab-Taste hervorgehoben ist als Symbol für die Website Navigation mit Tastatur.

Barrierefreiheit im Webdesign: Navigation mit Tastatur richtig umsetzen

Barrierefreiheit im Webdesign: Erfahre mehr über die Navigation mit Tastatur und wie Du Deine Website via Tabulatortaste navigierbar machst.
Weiterlesen
Zwei Boxhandschuhe, einer Pink, einer Blau symbolisieren "Elementor oder Block Editor – was ist der Unterschied und wann ist was besser?"

Elementor oder Block Editor – was ist der Unterschied und wann ist was besser?

Elementor oder Block Editor – was ist die bessere Wahl? Ich erkläre Dir die Unterschiede und gebe Dir Tipps, was Du wann für Deine Website und Blog einsetzt.
Weiterlesen
Eine Lupe lenkt die Aufmerksamkeit auf eine Überschrift mit breiterem Abstand als konkretes Beispiel für Letter Spacing. Ein Pfeil verdeutlicht den erhöhten Zwischenabstand der Buchstaben.

Barrierefreies Webdesign: Worauf Du beim Letter Spacing achten solltest

Letter Spacing richtig nutzen: Tipps zum Buchstabenabstand für barrierefreies Webdesign, das lesefreundlich und inklusiv gestaltet ist.
Weiterlesen
Ein Laptopscreen, auf dem sich die Schriftgröße nach Inhaltsbreite anpasst als Demonstration, wie Fluid Typography funktioniert.

Fluid Typography – so passt sich Deine Schrift perfekt an jedes Gerät an

Fluid Typography: So passen sich Deine Schriften stufenlos an jede Bildschirmgröße an, für bessere Lesbarkeit, mehr Zugänglichkeit & ein professionelles Design.
Weiterlesen
Die Buchstaben i, l, 1 und I einmal in der Schrift Aceh Soft sowie einmal in der PT Sans als Beispiel für barrierefreie Schriften, die schlecht bzw. gut lesbar sind.

Accessibility Tipp: Barrierefreie Schriften im Webdesign – so wählst Du gut lesbare Fonts für alle Nutzer:innen

Entdecke, wie barrierefreie Schriften Deine Website lesbarer und zugänglicher machen – mit praktischen Tipps für klare, inklusive Typografie im Webdesign.
Weiterlesen
Ein Warndreieck als Symbol für Barrierefreie Fehlermeldungen auf der Website und wie klare Hinweise Fehlermeldungen für alle verständlich machen.

Fehlermeldungen barrierefrei gestalten – klare Hinweise auf der Website, die alle verstehen

Fehlermeldungen barrierefrei gestalten: Hilfreiche Texte, klare Auszeichnungen und starke Icons. So finden alle den Fehler – und wissen, was zu tun ist.
Weiterlesen
Ein Computerbildschirm zeigt die Elementoransicht eines Blogbeitrages. Bausteine für Deinen Blog: 40+ Elemente für mehr Struktur, Design & Funktion. Verständlich und mit Beispielen erklärt – lass Dich für Deinen Blog inspirieren.

Bausteine für Deinen erfolgreichen Blog: 40+ Elemente für mehr Struktur, Design & Funktion

Bausteine für Deinen Blog: 40+ Elemente für mehr Struktur, Design & Funktion. Verständlich und mit Beispielen erklärt – lass Dich für Deinen Blog inspirieren!
Weiterlesen
Ein Fülltext mit farblich hervorgehobenen Links demonstriert, wie Accessibility für Links aussehen kann, damit Links auch optisch für alle zugänglich sind.

Accessibility für Links: So machst Du Links auch optisch für alle zugänglich

Accessibility für Links: Warum Farbe allein nicht reicht. Tipps für erkennbare, nutzbare Links. Aus meiner Reihe Barrierefreiheit auf der Website.
Weiterlesen
How to Popup abhängig von URL anzeigen.

Wie Du ein Elementor Popup abhängig von der URL anzeigen lassen kannst

Popup abhängig von URL anzeigen: Eine zentrale Fast‑fertig-Seite mit URL‑abhängigen Popups auf Deiner Website personalisiert Deine Freebies & spart Dir Aufwand.
Weiterlesen
Illustration eines Browserfensters mit einem Videoplayer sowie einem Podcastscreen als Symbolbild für Accessibility Tipps für Video und Audio.

Accessibility Tipps für Video und Audio Inhalte auf Deiner Website

Accessibility Tipps für Video und Audio: So machst Du Deine Inhalte barrierefrei, inklusiv und SEO-stark. Aus meiner Reihe Barrierefreiheit auf der Website.
Weiterlesen
Laptop von oben mit dem Pagebuilder Elementor auf dem Screen neben dem Workbook "Deine eigene Website" als Symbol für den Start mit Elementor.

„Worauf soll ich beim Start mit Elementor achten?“ – Meine besten Tipps für den Einstieg mit Elementor

Lege von Anfang an richtig los: Meine Tipps für den Start mit Elementor – so baust Du Deine Business Website effizient, strukturiert und professionell auf.
Weiterlesen
Laptop, der den CSS Code für Silbentrennung und ausbalanciertem Text zeigt als Symbol für Wörter richtig trennen und Text ausbalancieren.

Meine liebsten CSS Code Snippets: Wörter richtig trennen und Text ausbalancieren

Meine liebsten CSS Code Snippets, um Wörter richtig zu trennen: Zwei Tricks, mit denen Du Textabsätze optisch schöner und vor allem lesefreundlicher gestaltest.
Weiterlesen
Nahaufnahme von Britta, die sich eine Kamera vors Gesicht hält als Symbol für ihre Anleitung: Bilder für WordPress richtig aufbereiten.

Bilder für WordPress richtig aufbereiten – meine komplette Anleitung

So bereitest Du Bilder für WordPress & Elementor richtig auf: Alles rund um Bildgrößen, Dateiformate, Komprimierung, optimale Dateinamen, Alt-Texte & SEO-Tipps.
Weiterlesen
How to Weiterlesen-Links für Screenreader verständlich machen.

Barrierefrei bloggen: So machst Du Deine Weiterlesen-Links verständlich für Screenreader

Erfahre, wie Du die Weiterlesen-Links auf Deiner Blogübersichtsseite für Screenreader optimierst und Deinen Blog barrierefreier & nutzerfreundlicher machst.
Weiterlesen
Kollage von Screenshots verschiedener Blogseiten, die mit dem WordPress Block Editor und Elementor erstellt wurden.

Der ultimative Guide für Blogger: Den WordPress Block Editor und Elementor richtig kombinieren

WordPress Block Editor und Elementor richtig kombinieren: Lies den ultimativen Guide für professionelles Bloggen ohne Designabstriche oder Performanceverluste.
Weiterlesen
Cover der Aufzeichnung "Barrierefreiheit auf der Website. Webinar 28.08.2025."

Aufzeichnung Webinar: Barrierefreiheit auf der Website – Mehr erreichen, weniger ausschließen

Aufzeichnung Webinar Barrierefreiheit auf der Website: Erfahre praxisnahe Tipps, wie Du als Selbstständige:r Deine Seite testest & weniger Menschen ausschließt.
Weiterlesen
Britta hält sich das Buch "Die Kunst des klugen Handelns" vor das Gesicht und schaut darüber verschmitzt nach rechts, während sie provokant fragt: Die Wahrheit über den DIY Website Trend – verschwendest Du als Selbstständige Deine wertvollste Ressource?

Die Wahrheit über den DIY Website Trend – verschwendest Du als Selbstständige Deine wertvollste Ressource?

Der DIY Website Trend im Business: Erzielst Du schon Traffic oder bastelst Du noch? Warum Selbstständige ihre Zeit verschwenden und was wirklich funktioniert.
Weiterlesen
Demonstration extra Abstand im Text Editor entfernen. Eine Textbox vorher mit extra Abstand nach dem letzten Absatz versus nachher ohne extra Abstand dank des CSS Code Snippets.

Meine liebsten CSS Code Snippets: Extra Abstand im Text Editor entfernen

Aus der Reihe meine liebsten CSS Code Snippets für WordPress und Elementor. Heute: Extra Abstand nach dem letzten Absatz im Text Editor entfernen. Mit CSS Code.
Weiterlesen
Video Cover Blogbeitrag fix im Block Editor formatieren.

WordPress Blog Hacks – so kannst Du Deinen vorgeschriebenen Blogbeitrag fix im Block Editor formatieren

Blog smart, not hard! Ich zeige Dir zwei Hacks, wie Du Deinen mit Google Docs oder Word vorgeschriebenen Blogbeitrag in Sekunden im Block Editor formatierst.
Weiterlesen
iMac zeigt im Dashboard welche WordPress Updates auf Aktualisierungen warten, in diesem Fall Elementor und Elementor Pro.

Quickfix WordPress Updates: So aktualisierst Du Deine Website richtig

WordPress Updates sorgen bei Dir für Schnappatmung? Dont worry 🍩 Ich verrate Dir kurz & knackig, in welcher Reihenfolge Du Deine Website richtig aktualisierst.
Weiterlesen
Gif-Animation zur Demonstration von "Bring mit Custom CSS Code Bewegung in Deine Website".

Bring mit CSS Code Bewegung in Deine Website

Bring mit CSS Code Bewegung in Deine Website! Auch für Webdesign gilt: Qualität über Quantität. Ich zeige Dir, wie Du CSS Animationen gezielt einsetzt.
Weiterlesen
Über mich
Britta Just lacht in die Kamera.
Hi, ich bin Britta 🖐️

Hier teile ich meine besten Strategien für erfolgreiches Marketing mit Fokus auf Online und praxiserprobte Tipps, die Dein Business voranbringen. Denn nur was gesehen wird, wird gekauft!

Mehr über mich
Aktuelles
Cover des Workbooks "Deine eigene Website - eine kleine Bauanleitung mit Struktur".
Bauanleitung für Deine Website

Hol Dir mein Workbook mit Tipps, wie Du Deine Website strukturieren kannst 👇

Für € 0,- holen
Kategorien
Suche