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 HTML <div…
Results for „css“
Darkmode nur mit HTML und CSS ( color-scheme)
Ich habe ja schon 2 Möglichkeiten geschrieben wie man einen Dark-Mode für seine Webseite machen kann. Heute zeige ich euch einen „neuen“ Weg der etwa seit 2022 auf allen Browsern möglich ist und zwar einen nur mit reinem CSS. Damals wurde das color-scheme…
Wie erstelle ich eine Scroll Animation mit normalen CSS ohne GSPA?
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…
Eine coole drehende Text Animation für deine Webseite (HTML & CSS)
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 HTML…
Card / Button Element für deine Webseite – Webdesign Idee (HTML & CSS)
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 HTML <div class="container"> <div…
Creatives Card Element im MacOS Stil für deine Webseite – Webdesign Idee (HTML & CSS)
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…
So einfach baust du einen DropDown Button mit HTML und CSS
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…
Wir erstellen ein responsives Menu mit Untermenu innert wenigen Minuten – so einfach geht es (HTML & CSS)
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…
Wie erstelle ich einen Darkmode für meine Webseite? (HTML, CSS & Javascript)
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…
Wie programmiert man ein einfaches responsives Menu? (HTML & CSS)
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…
So stylst du Formulare mit accent-color (CSS)
Heute zeige ich euch ein kleinen CSS Befehl mit dem ihr eine Check Box, ein Radio Button und ein Slide Range eines Formular umfärben könnt. Dieser kleiner CSS Befehl kennen viele noch nicht, er er leichtert aber das Leben eines Webdesigners sehr. Video HTML <div…
Bilder mit CSS abrunden
Heute habe ich ein neues Video für euch – in diesem Video zeige ich euch wie schnell und einfach mal Bilder abrunden und verformen kann und zwar ohne dass man Photoshop verwendet, sondern nur mit einfachen CSS Befehlen. Video Zuerst müsst ihr das Bild mit einer…