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


Erstellen Sie Responsive Tabbed Widgets mit GridTab

Es ist immer einfacher, Websites mit Open-Source-Tools zu erstellen, anstatt das Rad neu zu erfinden. Diese Tools reichen von Bibliotheken bis zu kleineren Plugins, aber Sie können eine Lösung für praktisch alles finden.

Das phänomenale jQuery GridTab Plugin ist ein schönes Beispiel. Es ermöglicht Ihnen, ein benutzerdefiniertes Raster zu erstellen, die Haltepunkte zu definieren und ein reaktionsfähiges Widget mit Registerkarten zu erstellen, das zu jeder Website passt.

Sie können eigene CSS-Klassen hinzufügen oder mit vorhandenen CSS-Klassen arbeiten, um ein Tab-Feature zu erstellen, das zu Ihrem Design passt. Dieses Plugin unterstützt auch Navigationselemente für Next / Prev-Controls und das Wechseln zwischen Tabs .

Die Installation ist ein Kinderspiel und erfordert nur die jQuery-Bibliothek als Abhängigkeit . Sobald das installiert ist, können Sie GridTab von npm greifen oder es direkt von GitHub herunterladen.

Beachten Sie, dass das Widget-Plugin mit Registerkarten einen Standardstil hat, so dass es ein separates CSS-Stylesheet über der JS-Plugin-Datei gibt. Sie können dieses CSS jedoch immer in Ihr eigenes einfügen, um HTTP-Anforderungen zu reduzieren.

Um das Plugin zu initialisieren, übergeben Sie einfach die gesamte Grid-Größe zusammen mit einem optionalen Parameter (alle auf GitHub aufgelistet).

Hier ist ein einfaches Initialisierungsskript :

 $ (Dokument) .ready (Funktion () {$ ('# gridtab-1'). gridtab ({grid: 3});}); 

Zu den Einstellungen gehören benutzerdefinierte Selektoren, responsive Styles, Rand- / Padding- / Farbeinstellungen und natürlich eine Callback-Funktion .

Sie könnten gespannt sein, wie das alles funktioniert und wie es in Ihrem Browser aussieht. Sehen Sie sich den Abschnitt "Demos" an, um einige Beispiele zu sehen, einschließlich Roh-Quellcode, den Sie kopieren können.

Die meisten Leute denken über Registerkarten als Funktionen für kleine Profil-Widgets. Portfolio-Websites können jedoch auch Grids mit Registerkarten verwenden, und das GridTab-Plugin ist die beste Ressource, um diesen Effekt zu erzielen.

Alles, was Sie wissen müssen, einschließlich der vollständigen Dokumentation, finden Sie auf der Haupt-GridTab-Seite. Dies beinhaltet auch einen Link zum GitHub Repo, so dass Sie durch die Quelle navigieren und Ihre eigenen Responsive Tabbed Grids anpassen können.

Warum sollte Ihr Unternehmen die viertägige Arbeitswoche begrüßen?

Warum sollte Ihr Unternehmen die viertägige Arbeitswoche begrüßen?

Das Gerede über eine viertägige Arbeitswoche gibt es schon seit einiger Zeit, aber in letzter Zeit nehmen immer mehr Unternehmen es an und Blogger weltweit sprechen darüber. Nur 4 Tage zu arbeiten und 3 freie Tage zu haben, ist der Himmel für Angestellte, aber nicht so sehr für Arbeitgeber, die mit den Vorteilen (noch) nicht vertraut sind.Effi

(Tech- und Design-Tipps)

6 Praktiken, die Ihren Blog weniger professionell aussehen lassen

6 Praktiken, die Ihren Blog weniger professionell aussehen lassen

In der Hitze eines Blogs, der alles vom Schreiben großer Inhalte über das Arbeiten mit Werbetreibenden über das Moderieren von Kommentaren bis hin zur Werbung für die Website umfasst, kann man bestimmte Aspekte der Website übersehen - von kleinen Dingen wie kaputten Links bis hin zu großen aufdringliche Werbung und ein überfülltes Design.Im Lauf

(Tech- und Design-Tipps)