Vor gar nicht so langer Zeit gab TemplateMonster Geburt zu seinem geistigen Kind namens Intense und nun ist die Zeit für sein erstes Update gekommen. Über einen kurzen Zeitraum hat es sich weiterentwickelt - seine Ladegeschwindigkeit beschleunigt, Video-Wiedergabe und Suchsystem optimiert, die Navigation erleichtert, die Projektpräsentation aufpoliert. In diesem Artikel lernt Ihr also all diese Veränderungen kennen.
Das 1.1 Paket mit Intense Updates lässt sich in drei Teile aufgliedern: verbesserte Funktionen, neue Features und neue Designs. Gleich erzähle ich Euch von jedem davon und wie Ihr Eure Web-Entwicklung Prozesse damit straffen könnt.
Intense Optimierungen
Schnelleres Laden der Seite. Bestimmte Elemente von Intense wurden vollständig optimiert, um die Ladegeschwindigkeit zu steigern.
RD Hintergrund Video-Performance. Ab nun könnt Ihr komplett jegliche Verlangsamung in der Wiedergabe Ihrer Hintergrundvideos vergessen. Ihre Leistung wurde optimiert, um sicherzustellen, dass nichts die Präsentation Eurer Inhalte behindert.
RD Video Player Performance. Der eingebaute Video-Player verbraucht ab jetzt weniger Speicher, was seine Arbeit dramatisch verbessert.
Schnellerer Homepage-Loader. Jetzt dauert es nur 3,5 Sekunden, bevor der Homepage-Loader sich auflöst und der Swiper-Slider zu sehen ist.
* * *
Neue Funktionen von Intense
Suche-Tokens. Mit Hilfe von Tokens könnt Ihr Eure Website-Suchmaschine in ein vollwertiges System verwandeln.
Ajax Vollbild-Suche. Zusätzlich zu den Suche-Tokens, könnt Ihr von einer innovativen Ajax Komponente profitieren. Es ermöglicht den Besuchern eine Suche in einem Vollbild-Modus auszuführen.
* * *
Neue Optionen in Sass Variablen. Das aktualisierte Paket von Intense bietet noch mehr Möglichkeiten für Entwickler. Es gibt eine Menge neuer Optionen in der Sass-Variable für eine schnellere und effizientere Konfiguration. Um den gesamten Prozess zu straffen, könnt Ihr fast alle Komponenten in einer einzigen Datei stilisieren.
Mitglied-Boxen. Enthüllt die Gesichter hinter Eurem Unternehmen mithilfe von Mitglied-Boxen. Im erweiterten Bootstrap-Toolkit könnt Ihr aus fünf Varianten von Boxen wählen, um Eure Teammitglieder mit Namen, Positionen, Fotos und Links zu sozialen Profilen zu präsentieren. Diese Komponente wird Eurer Webseite einen zuverlässigeren Look verleihen.
* * *
Neue Designs von Intense
Child-Theme für persönlichen Blog
Für Blogger haben wir im Intense-Update 1.1 ein neues Child-Theme für persönliche Blogs vorbereitet. In den hellen Tönen entwickelt, wirkt die Schnittstelle ganz angenehm für das Auge und bietet dank einer Menge von sauberem Raum und schlanker Typografie maximale Lesbarkeit. Das Theme kommt mit fertig gestalteten Seiten für Homepage, "Über Uns"-Bereich, Blog-Archiv und Kontakte, die von einer befestigten Seitenleiste immer erreicht werden können.
* * *
Minimalistisches blaues Skin
Auf Kundenwunsch wurde das minimalistische blaue Skin zum ersten Update-Pack von Intense hinzugefügt. Sein inhaltsreiches jedoch minimalistisches Layout besteht aus Blöcken, die allgemeine Informationen über die Firma, ihre Statistik, Produktmerkmale, Portfolio, Teammitglieder, Partner und einige andere Details darstellen. Um den Inhalt zu unterstützen, werden dynamische Zähler, Icons und Ghost Buttons im ganzen Layout verwendet. Fürs leichtere Surfen bietet das Portfolio eine Filteroption, während die Partner-Logos kompakt in einem Slider angeordnet sind. Beim Hovern können die Besucher Icons sehen, die mit den sozialen Konten der einzelnen Teammitglieder verlinkt sind. Um das Engagement der Benutzer zu verstärken, verfügt das Layout über einen Videoblock.
* * *
"Über Uns" Seite Variante 2
Intense bekam auch eine alternative Version der "Über Uns" Seite, um die Möglichkeiten Eurer Selbstdarstellung zu diversifizieren. Im Vergleich zur Standard-Version hat die neue Version ein einfacheres Layout ohne mehrfache UI-Elemente. Sie verfügt über ein großes Foto, ein paar Text-Absätze und eine eingängige CTA-Taste, so dass die Besucher mit Euch leicht in Kontakt treten können.
* * *
Kontaktseite Variante 2
Das aktualisierte Paket enthält eine neue Version der Kontaktseite mit einer anderen Anordnung von UI-Elementen. Zur leichteren Lesbarkeit werden Telefon, E-Mail und Adressdaten mit Icons angezeigt. Darunter gibt es auch Buttons, die zu Euren sozialen Profilen führen.
* * *
503 Serviceseite Vorlage
Hier ist eine coole Ergänzung zu der 404-Seite-Vorlage aus dem ursprünglichen Paket. Mit Hilfe der 503-Seite könnt Ihr die Besucher informieren, dass es zur Zeit keinen Zugriff zu einem bestimmten Service gibt.
* * *
Blog-Timeline-Archiv Vorlage
Was Blogger auch nützlich finden werden, ist eine Möglichkeit, ein Archiv im Timeline-Stil zu erstellen. Es wird den Lesern helfen, durch eine Menge von Inhalten zu navigieren und mit maximaler Leichtigkeit (dank zusätzlichen Funktionen wie eingebaute Suche, Kategorien und Tags) notwendige Informationen zu finden.
* * *
Portfolio Einzelprojektvorlage
Damit könnt Ihr jedes Projekt Eures Portfolios auf eine völlig neue Art und Weise präsentieren. Mit Hilfe einer großen Diashow, die den meisten Raum auf der Seite einnimmt, werden Eure Arbeiten immer im Fokus bleiben. Ihr könnt die Slides mit einem einleitenden Text und einer Liste von Projekteigenschaften ergänzen. Die neue Einzelprojektvorlage verköpert eine geschickte Kombination von Grafik und Text.
* * *
Befestigter Sidebar-Header
Damit bringt Ihr Eure Website-Navigation auf eine neue Ebene. Mit diesem durchdachten Header könnt Ihr Euer Logo, Such-Option und Burger-Menü unaufdringlich in einer Seitenleiste platzieren. Es bleibt beim Scrollen immer in Blickweite. Dieser Header-Typ kommt in hellen und dunklen Stilen, damit Ihr die passende Variante für Euch wählen könnt.
* * *
Footer Layout Variante 3
Jede Footer-Version von Intense verfolgt sein eigenes Ziel. Das Layout im ersten 1.1 Pack von Updates wurde mit dem Zweck konzipiert, Besucher zu sozialer Interaktion zu motivieren. Es verfügt über alle dafür notwendigen Instrumente wie Follow-Icons und Anmeldeformular für Twitter-Feed und Instagram-Galerie.
* * *
Um das Paket mit Intensiv-Updates zu erhalten, folgt bitte drei einfachen Schritten:
1. Meldet Euch mit Eurem Konto an.
2. Reaktiviert den Link.
3. Ladet das aktuelle Archiv.
Das ist alles. Schnell und einfach.
* * *
Wie Ihr sehen könnt, bietet die multifunktionelle HTML5-Vorlage eine Menge Möglichkeiten, Eure Web-Entwicklungsprojekte zu modernisieren. Denkt bitte daran, dass es nur das erste Update von Intense ist und schon bald neue Funktionen, Skins, Child-Themes und Seitenlayouts dazu kommen werden, also bleibt dran! Solltet Ihr irgendwelche Wünsche oder Vorschläge haben, schreibt sie bitte unten in den Kommentaren. Wir freuen uns immer auf Eure Anregungen!
Quelle: Intense Update 1.1: Web Design Perfection Has No Bounds von Nick Campbell