Heute möchte ich euch mal zeigen, wie ihr einen One Pager Webseite erstellen könnt der oben in der Navigation so aussieht als ob er aus Tabs besteht. Und das Beste ist – es läuft alles ohne Javascript sondern nur mit CSS und HTML. Video HTML <header>…
Heute zeige ich euch wie man einen DropDown Button mit HTML und CSS programmieren kann. Ein DropDown Button ist nichts anderes wie ein DropDown Liste in einem Formular. Man kann hinter 1 einfachen Button mehrere Auswahlmöglichkeiten verstecken und kann so auf wenig…
Ich sehe immer wieder Webdesigner die für jedes einzelne Element eigene CSS Codes schreiben und das macht dann das ganze CSS sehr gross. Es ist schade das viele gar nicht wissen, dass man CSS so aufbereiten kann, dass man einzelne Elemente mehrmals verwenden kann….
Ich habe euch ja bereits gezeigt wie man ein einfaches responsives Menu machen kann (Wie programmiert man ein einfaches responsives Menu? (HTML & CSS)) und heute machen wir es ein wenig komplizierter. Diesmal machen wir nicht nur ein responsives Menu mit…
Seit ein paar Jahren ist das ein absoluter Trend, immer mehr Webseiten und App bauen es ein und zwar rede ich von einem Dark Mode. Was am Tag kein Problem ist nämlich eine Webseite mit weissen Hintergrund und schwarzer Schrift ist am Abend meistens der Grund für viele…
Es ist egal welches CMS man verwendet in allen egal ob WordPress oder Kirby oder Typo3, ein Menu ist ein sehr wichtiges Element auf einer Webseite. Leider wissen viele nicht wie einfach es eigentlich ist ein einfaches responsives Menu zu erstellen und das will ich…
Heute zeige ich euch einen Weg wie ihr eine Landingpage mit einem responsiven Video Background erstellen könnt. Wenn ihr ein Video als Hintergrund einbauen möchtet dann solltet ihr schauen dass das Video nicht 100mb ist weil sonst muss der Webseitenbesucher x Tage…
Im heutigen Video zeige ich euch einen sogenannten Spotlight Effekt. Da ist auf einer Webseite der Content unsichtbar und erst wenn ihr mit der Maus darüber „scheint“ – ja wie eine Taschenlampe – könnt ihr en Inhalt / Content erkennen und…
Heute zeige ich euch wie ihr so ein langweiliges Drop Down Element in einem Formular mit einem Icon erweitern könnt. Je nach Auswahl im Drop Down verändert sich das Icon. Ein kleiner Trick mit grosser Wirkung. Video HTML <div class="select-container">…
Habt ihr euch schon mal gefragt wie man ein dynamisches Formular macht? Da gibts Elemente die man mit einem Knopfdruck nachladen kann und die Leute können so das Formular mit neuen Felder erweitern? Nun in diesem Beitrag zeige ich es euch und zwar programmieren wir…
