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...
Design
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 eingeführt...
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 https://www.youtube.com/watch?v=awN16dpsK7o HTML Info 1 Info 2 Info 3...
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...
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...
Wir erstellen eine Landingpage mit einem responsiven Video Background
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...
Wie programmiere ich ein DropDown Form Select Element mit Icon?
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 https://www.youtube.com/watch?v=5hNIlOBQ2NQ HTML 🇨🇭...
Ich programmiere ein dynamisches Formular / Rechnungstool
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...
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...
So baust du einen coolen Tilt-Effekt auf deiner Webseite! (HTML & Javascript)
Es müssen nicht immer die ausgefallensten Animationen auf eine Webseite eingebaut werden, um den Aha-Effekt bei den Webseitenbesuchern auszulösen. Manchmal reicht es auch, wenn ganz kleine Animationen / Effekte eingebaut werden – wie eine Card, die sich mit der Maus...
Textanimation selber machen in nur wenigen Schritten!
Heute zeige ich euch wie ihr mit Javascript eine coole Text Animation erstellen könnt und dafür müsst ihr nicht mal GSAP oder sonst was installieren, sondern es ist reines Javascript. Jetzt wisst ihr also wie ihr so einen coolen Text Effekt ohne Plugin, Bilbliothek oä...
CSS Desktop Slide-In Hamburger Menu programmieren (HTML & CSS)
Heute zeige ich euch wie ihr ein Hamburger Menu selbst programmieren könnt für eure HTML Seite. Das ist eines der Elemente die man immer wieder brauchen muss und heute lernt ihr also wie man sowas programmiert. Wie immer - es gibt viele Wege die nach Rom äh zum...
Wie erstelle ich ein CSS Card Hover Effekt?
Heute zeige ich euch wie man ein Card Hover Effekt mit CSS und HTML programmieren kann. Das ist eines der am meisten eingesetzen Elemente in einer Webseite und nun wisst ihr auch wie es geht. Video https://www.youtube.com/watch?v=Ymqm1jA7OHg HTML Title Lorem ipsum...
DIVI Full Screen Mega Menu ohne Plugin erstellen
Ich habe ja schon mal gezeigt wie man in DIVI ein Full Screen Mega Menu (DIVI Full Screen Menu erstellen) erstellen kann. Damals konnte man die Seite aber nicht designen sondern man konnte nur Farben ändern. Es lief alles über das normale Menu Modul ab. In der...