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


Kernel.css - Leichtes, semantisches und unaufdringliches Frontend Framework

Entwickler kennen den Schmerz, Code von Grund auf neu zu erstellen . Glücklicherweise bietet die Webentwicklungs-Community eine Menge Open-Source- und Frontend-Frameworks.

Beliebte Frameworks wie Bootstrap funktionieren gut, können sich aber auch zu aufgebläht anfühlen . Zum Glück gibt es Alternativen und einer meiner neuesten Favoriten ist Kernel.css .

Kernel bezeichnet sich selbst als nicht aufdringliches Framework, das heißt, es funktioniert wie eine dünne Schicht oben auf Ihrer Seite. Es ist nicht störend oder schwierig anzupassen und die Klassen entsprechen vollständig den modernen HTML5-Spezifikationen .

Frontend-Entwickler sollten der Semantik für Barrierefreiheit und der höchsten Browser-Unterstützung folgen . Die Verwendung eines Frameworks wie Kernel spart viel Zeit und Frustration und löst häufig auftretende Probleme.

Hier sind einige der meistverkauften Aspekte von Kernel:

  • Das Grid-System läuft auf der Flexbox .
  • Voll reaktionsschnell und mobilfreundlich .
  • Benutzerdefinierte Übergänge durch CSS und JavaScript
  • Vorgestylte Elemente für Karten, Tabellen und Kopfzeilen.
  • Einfaches Farbschema nach dem Material Design.

Sie können eine Vorschau aller Kernel-Elemente auf der Hauptdemoseite anzeigen, die auch Beispielquellcodes enthält.

Sie werden feststellen, dass viele Elemente wie Schaltflächen und Kopfzeilen unterschiedliche Klassennamen bieten. Dies bedeutet, dass Sie die Farbe einer Schaltfläche einfach durch Ändern der Klasse ändern können.

Es enthält auch Standard-Benachrichtigungsklassen für Schaltflächen für bestimmte Aktionen, z. B. .btn-primary für eine blaue Schaltfläche "clean" oder .btn-warning mit einem helleren gelben Flair.

Der beste Teil von Kernel ist, dass Sie dieses Framework ganz einfach an Ihre Bedürfnisse anpassen können. Möchten Sie Font Awesome zu Ihren Buttons hinzufügen? Kein Problem. Wie wäre es, Google Webfonts zu Ihren Headern hinzuzufügen? Überschreibe einfach die Stile in deinem CSS-Sheet und du kannst loslegen.

Wenn Sie einen einfachen Ausgangspunkt zum Strukturieren fantastischer Layouts benötigen, ist Kernel.css das Framework für den Job.

Wie man besseres CSS mit Leistung im Verstand schreibt

Wie man besseres CSS mit Leistung im Verstand schreibt

In der heutigen Post werden wir uns Gedanken über die Code-Optionen machen, die wir in CSS für eine verbesserte Website-Leistung treffen können. Bevor wir jedoch auf diese Möglichkeiten eingehen, wollen wir zunächst einen kurzen Blick auf den Workflow der Webseitenwiedergabe werfen, um uns auf das Thema zu konzentrieren problematische (performance) Bereiche, die über CSS lösbar sind. Hier

(Tech- und Design-Tipps)

Overhang.js - Ein jQuery-Plugin für Dropdown-Benachrichtigungsmeldungen

Overhang.js - Ein jQuery-Plugin für Dropdown-Benachrichtigungsmeldungen

Wie nervig sind die Standard-JS-Alarm-Boxen ? Sie fühlen sich wie ein Relikt aus einer primitiven vergangenen Ära der Web-Entwicklung.Heutzutage können wir unauffällige Benachrichtigungsmeldungen erstellen, die dieselben Informationen enthalten, aber die Benutzererfahrung nicht unterbrechen . Und genau das können Sie mit overhang.js t

(Tech- und Design-Tipps)