Diese Art Eingabefelder sieht man immer wieder, vorallem in Apps oder grossen Webseiten ist das keine Seltenheit. Anstatt dass man ein einfaches Input Feld verwendet, habe ich hier mehrere genommen und diese nebeneinander angeordnet. Jetzt sieht es wieder aus wie ein...
Heute zeige ich euch also wie man einen einfachen Slider für seine Webseite bauen kann. Man braucht dazu nur HTML und eine kleine Portion CSS. Damit habt ihr eine gute Basis um auf diese grossen Slider Plugin verzichten zu können. Video...
Heute zeige ich euch, dass man für Scroll Animationen nicht unbedingt GSAP brauchen muss sondern es auch mit reinem CSS geht. Scroll Animationen sind eine coole Sache und bisher musste man dafür GSAP verwenden. GSAP ist eine (neu) freie Bibliothek mit dem man coole...
Heute zeige ich euch wie man einen Hintergrund Slider mit CSS erstellen kann. So wird das Hintergrundbild ausgetauscht während die Elemente gleich bleiben. Natürlich ist auch alles immer schön Responsive. Video https://www.youtube.com/watch?v=b489MhBg4wg HTML Ein...
Heute zeige ich euch mal eine kleine verrückte Idee wie ihr einen Titel erstellen könnt. Und zwar ists heute kein einfacher Text sondern ein Text der sich dreht - wie in einer Walze... Ein echt spannendes Experiment von dem man viel lernen kann. Video...
Heute möchte ich euch einen kreative Weg zeigen wie ihr Informationen in eure Webseiten präsentieren könnt. Entweder könnt ihr ein Schlagwort zeigen oder das ganze auch als Button verwenden. Video https://www.youtube.com/watch?v=awN16dpsK7o HTML Info 1 Info 2 Info 3...
Wenn ihr eurer Webseite einen leichten MacOS Stile geben möchtet, dann habe ich heute was für euch. Und zwar zeige ich euch wie ihr ein Box Element erstellen könnt, der aussieht wie direkt aus einem Mac. Relativ einfach aber noch eine coole Sache für alle Mac-Fans da...
Heute möchte ich euch zeigen wie man einen scrollbaren Slider nur mit CSS erstellen kann. Dieser slider läuft nicht automatisch durch sondern ihr könnt es euren Webseitenbesucher selbst überlassen die Bilder anzuschauen und sie können selbst entscheiden wie schnell...
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...
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...