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


Grid.css - Ein Minimal Grid System für Webentwickler

Größere Frontend-Frameworks wie Bootstrap haben ihre eigenen Grid-Setups . Sie haben aber auch eine Menge Gepäck in Form von vorgefertigten Seitenelementen und JavaScript-Komponenten.

Wenn Sie nach einem viel kleineren und stromlinienförmigen Rastersystem suchen, werden Sie Grid.css lieben.

Diese kostenlose Open-Source-Bibliothek enthält das traditionelle 12-Farben-Grid-System, das Sie für jedes Layout strukturieren können. Das CSS ist wirklich einfach zu bedienen und die Datei selbst misst nur 560 Bytes (das ist eine halbe KB!)

Der Einstieg ist super einfach und Sie brauchen nur eine CSS-Datei, die Sie zu Ihrer Kopfzeile hinzufügen.

Sie finden den direkten Download-Link auf der Grid.css-Homepage oder im offiziellen GitHub-Repo. Sie können sogar die rohe CDN-Version verwenden, um diese Datei direkt von GitHub einzubetten, ohne sie selbst zu hosten.

Jetzt können Sie Ihre Spaltenstruktur mit beliebigen Elementen (divs, sections usw.) einrichten.

Dies umfasst im Allgemeinen ein .row Element (den Container) zusammen mit vielen internen Spaltenelementen . Die Spaltenklassen verwenden Zahlen, um ihren gesamten Speicherplatz innerhalb des Containers zu definieren. .col4 nimmt beispielsweise .col4 vier Spalten der zwölf Gesamtsummen ein.

Hier ist ein Beispielausschnitt aus der Demo:

Sie können jede beliebige Kombination von Spaltenklassen verwenden, solange sie 12 ergeben .

Dies bedeutet, dass Sie die Seite auch beliebig umstrukturieren können, indem Sie verschiedene Zeilencontainer verwenden . Zum Beispiel könnten Sie einen großen Bereich für Ihren Header haben, aber zwei verschiedene Zeilen- / Spalten-Setups für Ihren Seitenkörper verwenden.

Natürlich ist diese Bibliothek 100% kostenlos und Open-Source, so dass Sie Änderungen vornehmen können, wie Sie möchten.

Der Schöpfer, Ahmed Tarek, hat auch Butns gemacht, was eine Variante der vielen Tasten-UI-Kits ist. Es passt gut zu Grid.css, also sind sie beide ausgezeichnete Bibliotheken, die man beim Starten eines neuen Webprojekts aufnehmen kann.

11 Gebote und Verbote des Tor-Netzwerks

11 Gebote und Verbote des Tor-Netzwerks

Der Onion Router alias TOR ist eine freie Software und ein offenes Netzwerk, mit dem Benutzer ihre Privatsphäre und Sicherheit im Internet verbessern können. Es gibt nichts Besseres als Tor, wenn die Angst vor der laufenden groß angelegten Überwachung durch die NSA diejenigen verfolgt, die sich um die Privatsphäre ihrer digitalen Kommunikation sorgen . Tor

(Tech- und Design-Tipps)

ColorHexa ist Ihre ultimative Farb-Enzyklopädie

ColorHexa ist Ihre ultimative Farb-Enzyklopädie

Farbe ist eines der wichtigsten Merkmale jeder Schnittstelle. Die Auswahl eines guten Farbschemas ist schwierig, aber wenn Sie mit Farben arbeiten, werden Sie einige Best Practices finden.Die ColorHexa Web App muss das nützlichste Werkzeug für die Farbwahl sein. Es ist kein Schemagenerator oder Farbwähler, sondern eine riesige Informationsquelle über Farbe, die sowohl für Designer als auch Entwickler entwickelt wurde. Sie

(Tech- und Design-Tipps)