de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Erstellen Sie funktionsreiche jQuery-Karussells mit Slick

Nicht viele Karussellbibliotheken können mit Slick konkurrieren. Es ist das jamsterreichste jQuery-Plugin zum Erstellen dynamischer Karussells im Web.

Es ist komplett kostenlos und auf jQuery aufgebaut . Der Code ist sehr einfach einzurichten, obwohl es einige Abhängigkeiten erfordert . Aber mit so viel Funktionalität lohnt es sich, die zusätzlichen Bibliotheken hinzuzufügen, damit das funktioniert.

Um Slick zu installieren, können Sie das GitHub Repo besuchen und eine Kopie herunterladen. Es kommt mit zwei CSS-Dateien : eine für das grundlegende Setup und eine andere für das Standard-Slick-Thema . Sie können diese Dateien leicht zu Ihrem primären CSS-Stylesheet kombinieren, wenn Sie Speicherplatz sparen möchten.

Dann benötigen Sie zwei jQuery-Abhängigkeiten : die primäre jQuery-Bibliothek zusammen mit jQuery Migrate . Slick benötigt mindestens jQuery 1.7+, was für eine moderne Entwicklungsumgebung kein Problem sein sollte.

Von hier fügen Sie einfach die Datei Slick.js und lassen Sie sie los. Diashows können mit sehr wenig Code erstellt werden und hier ist eine direkte Probe von der Slick-Website:

Dein Inhalt
Dein Inhalt
Dein Inhalt

Mit einem einfachen

Container, können Sie Folien dynamisch hinzufügen, einschließlich Bilder, HTML-Inhalt und eingebettete Medien wie Videos. Slick unterstützt alles mit einem voll reagierenden Design, das die Seitenverhältnisse intakt hält.

Slick kommt mit Dutzenden von großartigen Funktionen, einschließlich Swipe-Funktionalität für mobile und Dot-Navigation . Sie können auch automatische Wiedergabe, benutzerdefinierte Animation, benutzerdefinierte Rückrufe und vieles mehr einrichten.

Diese Bibliothek ist eine komplette Bestie zum Erstellen von rotierenden Karussells . Und Sie können alles mit ein paar einfachen Zeilen von jQuery machen, was dies noch unglaublicher macht.

Um alle Demos zu sehen und loszulegen, schau dir die Slick-Homepage an. Sie finden den Quellcode und die vollständige Dokumentation für Einstellungen / Optionen im GitHub Repo.

Dieser Cheatsheet listet alle Tags auf, die du einsetzen kannst 
<head>  Element

Dieser Cheatsheet listet alle Tags auf, die du einsetzen kannst Element

Jede Webseite hat eine Kopfzeile und es gibt eine Menge, die dort hineingeht. WordPress-Benutzer verlassen sich oft auf SEO-Plugins, um die komplexen Meta-Tags zu handhaben .Wenn Sie jedoch ein Thema von Grund auf neu programmieren, möchten Sie vielleicht Ihren Dokumentheader ein wenig erweitern . Es gibt buchstäblich Hunderte von Tags, die Sie verwenden können, jede mit ihren eigenen subtilen Zweck und Get Head Info ist der einzige Cheatsheet, den Sie zu diesem Thema benötigen.Es

(Tech- und Design-Tipps)

Mobile Emulation in Google Chrome

Mobile Emulation in Google Chrome

Einfach gesagt, wir lieben Google Chrome. Es läuft reibungslos, sieht einfach aus und hat viele nützliche Apps. Aus Sicht des Entwicklers ist Google Chrome immer einen Schritt voraus, wenn es darum geht , den neuesten Web-Standard zu unterstützen, was großartig ist.Es enthält auch eine Reihe von Tools für die Web-Entwicklung, von denen einige noch in anderen Browser -integrierten Entwickler-Tools implementiert werden müssen. Dazu

(Tech- und Design-Tipps)