Tutorials

Hiding Text - Teil 1

Hiding Text - Teil 1 Willkommen auf unserer einzigartigen Reise durch Innovation und Kreativität! Tauchen Sie ein und ...

Hiding Text - Teil 2

Hiding Text - Teil 2 Entdecken Sie die faszinierende Welt des Designs auf der neuen interaktiven Website! Tauchen Sie ...

Hiding Text - Teil 3

Hiding Text - Teil 3 Tauchen Sie ein in die faszinierende Welt der Animation mit GSAP (GreenSock Animation Platform). ...

Schöne URLs mit Friendly_Id

Schöne URLs mit Friendly_Id Wenn Sie genug von Modell-IDs in der URL haben, kann die Überschreibung von to_param nur begrenzt...

Polymorphic Association

Polymorphic Association Eine polymorphe Beziehung ermöglicht es einem Modell, zu verschiedenen Typen anderer Modelle zu g...

Handling Exceptions

Handling Exceptions Standardmäßig rendert Rails im Produktionsmodus eine statische Fehlerdatei, wenn eine Ausnahme au...

In-Place Editing

In-Place Editing Bearbeite ein Attribut direkt auf der Seite, ohne die Seite zu verlassen, mithilfe des "Best In P...

Sortable Lists Hier zeige ich, wie man jQuery UI verwendet, um eine sortierbare Liste zu erstellen, und eine "so...

Mehr zu Twitter Bootstrap

Mehr zu Twitter Bootstrap In dieser Episode setzen wir das Twitter Bootstrap-Projekt fort und zeigen, wie Sie Flash-Meldung...

Twitter Bootstrap Basics

Twitter Bootstrap Basics Twitter Bootstrap kann Ihnen dabei helfen, schnell schöne Webanwendungen zu erstellen, indem es n...

Foundation ZURB's Foundation ist ein Front-End-Framework zum schnellen Erstellen von Anwendungen und Prototy...

Trix im Vergleich

Trix im Vergleich Die meisten WYSIWYG-Editoren sind Wrapper um HTMLs contenteditable- und execCommand-APIs. Diese A...

Importmap für Rails

Importmap für Rails Import Maps ermöglichen es, JavaScript-Module mithilfe logischer Namen zu importieren, die auf ve...

Active Storage in Rails 7

Active Storage in Rails 7 Vorbei sind die Zeiten, in denen du externe Gems verwenden musstest, um Datei-Uploads in Rails zu...

Tree-Based Navigation (CMS)

Tree-Based Navigation (CMS) Wenn deine Rails-Anwendung viel Inhalt enthält, erwäge, sie in einer Baumstruktur für das Menü zu...

Form Field, lable animation

Form Field, lable animation Erwecke deine Formulare zum Leben! Mit eleganten Animationen tanzen Labels und Formularfelder har...

CSS-only responsive menu

CSS-only responsive menu Es gibt viele Techniken zum Erstellen von responsiven mobilen Menüs. Eine häufige Praxis besteht ...

Auto-Complete Association

Auto-Complete Association Ein Auswahlfeld wird oft für die Festlegung einer "belongs_to"-Verknüpfung verwendet, aber Sie so...

E-Mail senden Dank Action Mailer ist das Versenden von E-Mails in Rails einfach, aber es gibt einige Fallstrick...

Dark Mode

Dark Mode mit CSS erstellen – prefers-color-scheme

Rails 7

Rails 7 with Turbo, out of the box. Link_to delete

Basis-Code Ein kurzes Tutorial zum Basis-Code den ich verwende.

ActionController::Live (chat)

ActionController::Live (chat) Server-Sent Events ermöglichen es Ihnen, Ereignisse im Browser über eine persistente Verbindung z...

Guest User Record

Guest User Record Statt dem Benutzer ein Anmeldeformular zu präsentieren, sollten Sie in Betracht ziehen, vorüberge...

Sticky Header Tauche ein in die Revolution des Scrollens! Unser neues Website-Erlebnis bringt dir einen Sticky ...

Sticky and Scroll to Section

Sticky and Scroll to Section Erleben Sie elegantes Webdesign mit unserem vorbereiteten HTML-Code! Von der Grundlagenerstellung...

Parallax (css only)

Parallax (css only) Erlebe eine faszinierende Dimension des Webdesigns mit unserem Parallax-Experiment. Die Seite bie...

Parallax Entdecken Sie eine faszinierende Welt des Parallaxeneffekts. Tauchen Sie ein in die Tiefe dieses ...

Scroll Spy Revolutioniere deine Webseite mit Scroll Spy! Automatische Navigation, die sich dem Nutzer anpass...

Button Der Button (btn) wurde mit abgerundeten Ecken, einem animierten Farbverlaufshintergrund und gut l...

Sticky (css only)

Sticky (css only) Sichere Navigation mit dem Sticky-Effekt: Erleben Sie eine reibungslose und benutzerfreundliche W...

Scroll To Top

Scroll To Top Entdecken Sie mehr! Nutzen Sie unseren Scroll-Up-Button, um schnell zum Anfang der Seite zurückzu...

Mobile Navigation

Mobile Navigation Erlebe eine neue Ära der Benutzerfreundlichkeit mit unserer mobilen Menünavigation, entwickelt mi...

Sitemap Von den Gipfeln der Startseite bis zu den versteckten Ecken der Archivseite – folge dem Weg der I...

Lazy Load Erlebe die Zukunft des Webseitenladens: Lazy Load – die revolutionäre Technologie, die deine Seit...

Sozial Flapper Entdecke die Revolution der Interaktion mit den neuen 'Social Buttons'. In einer Welt, in der ein...

ssl https für Localhost

ssl https für Localhost Entdecken Sie, wie Sie SSL/HTTPS für Ihren Localhost aktivieren können – Sicherheit und Datenschu...

CSS Icons Entdecke, wie du mit einer Vielzahl von Icons deine HTML-Seiten zum Leben erwecken kannst. Tauche...

WebP-Bilder erstellen

WebP-Bilder erstellen Tauchen Sie ein in die Welt der WebP-Bilder: Effizienter, schneller und platzsparender! Entdecken...

Easy Sitemap

Easy Sitemap Ich habe in letzter Zeit ein wenig über SEO gelesen und gelernt. Eine einfache Sache ist es, eine...