Es gibt immer wieder HTML Tags die sind fast unbekannt für die meisten Webentwickler. Entweder weil sie seit Urzeiten funktionieren oder weil sie eher zu den neueren Entwicklungen gehören. Ja, denn auch HTML wird dauernd weiter entwickelt wie auch CSS und alle anderen…
Results for „css“
Texte oder Container horizontal oder vertikal zentrieren mit CSS und HTML
Etwas womit viele Menschen Mühe haben ist das Einmitten von Texte oder ganze Container. Ja früher war das immer ein wenig kompliziert aber heute kann man das mit wenigen Code machen. Ich denke jetzt so ab 2022 sollte man sich wirklich mal mit der CSS Funktion von…
Eine Liste wie eine Zeitleiste stylen? CSS Anleitung
Gehen euch die einfachen Listen in HTML auch langsam auf den Wecker? Dann habe ich hier ein Beispiel wie ihr eine Liste verschönern könnt. Mit diesem kleinen Trick kann man aus einer Liste ne Art Timeline machen oder einfach die ganze Liste ein wenig farbenfroher…
Farbiger Text mit NTH-Child Selektor (CSS Anleitung)
Ihr habt sicher schon von diesem NTH Child Selektor gehört, damit lassen sich repetitive Arbeiten leicht abnehmen. Der :nth-child-Selektor wählt das n-te Element zu einem Elternelement aus. Eine praktische Sache wenn man DIV Klassen ansprechen muss, die den gleichen…
Herunterfallende Text Animation mit GSAP Bibliothek (CSS und Javascript Anleitung)
Diese Art von Animation sieht man immer wieder gerne. Man kann nämlich nicht nur ganze Wörter animieren sondern auch Buchstabe für Buchstabe und zwar einer genialen Javascript Bibliothek genannt GSA. Ihr denkt jetzt sicher, momentmal das sieht zwar cool aus ist aber…
Der 2 Button in 1 Button nur aus CSS und HTML
Heute möchte ich euch mal ein speziellen Button zeigen und zwar einen 2 in 1. Wenn man mit der Maus über den Button fährt, dann kommen anstatt nur 1 Links halt 2 oder mehrere daher. So kann man also mit 1 Button mehrere Social Media Links präsentieren oder andere…
Wie man ein Bild aus Text erstellen kann, mit CSS und HTML
Diesen kleinen Effekt habt ihr sicher schon öfters gesehen und zwar wird hier ein Bild simuliert und zwar aus reinem Text – so sieht es wenigstens aus. In Wahrheit ist da ein Text über einem Bild gelegt worden und dank einem kleinen CSS Trick wird dort wo die…
Cooler eigener Mauszeiger für die eigene Webseite programmieren – mit CSS und JS
Heute habe ich mal ein ganz spassiges Thema für euch vorbereitet und zwar das Thema Mauszeiger oder wie es auf Englisch heisst Cursor. Ihr kennt den alle, der hat sich in all den Jahren in denen ich ein Computer verwende – also seit ca 1988 – nie gross…
Wie erstelle ich ein Sticky Element mit CSS und HTML
Heute möchte ich euch zeigen wie ihr sein sehr spannendes Element für eure Webseite machen könnt, welches man leider nur sehr selten sieht. Und zwar heisst dieses Element „Sticky Element“ – wie „klebriges Element“. Es ist ein Bereich…
Einen fixed Header oder Footer mit CSS erstellen (CSS Anleitung Deutsch)
Heute möchte ich euch zeigen wie ihr ein sogenannten Fixed Footer oder Fixed Header in eure Webseite einbauen könnt. Ihr habt das sicher schon öfter gesehen, denn es ist ein Designelement das wirklich sehr gerne verwendet wird. Wenn man nämlich viel Inhalt auf die…
Wie verwendet man CSS Variablen
Wenn man programmiert, dann möchte man gewisse Inhalte zwischenspeichern damit man sie später wieder verwenden kann. Dafür hat „Gott“ die Variablen erfunden. Was viele Menschen gar nicht wissen ist, dass man in CSS auch Variablen verwenden kann. Wenn man…
Wie erstelle ich mit CSS & HTML eine 2 geteilte Ansicht / Split Screen
Auf Webseiten sieht man diesen Effekt immer wieder. Man sieht eine Fullscreen Seite die in 2 Teilen geteilt ist und die Elemente sind eingemittet. Dieser kleine Effekt ergibt gut durchgeführt einen schönen WOW Effekt in jeder Webseite. Ich persönlich liebe FullScreen…