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


Erstellen Sie Baseline-Grids im Web mit Sassline

Ein Großteil der Online-Inhalte ist textbasiert, aber die Leute werden nicht daran interessiert sein, den Text auf Ihrer Website zu lesen, es sei denn, die Typografie ist gut gestaltet.

Sie könnten mit benutzerdefinierten Frameworks arbeiten, aber diese können restriktiv sein . Versuchen Sie stattdessen Sassline, eine kostenlose Sass-basierte Bibliothek, um perfekte Gitternetzlinien im Internet zu erstellen.

Dieses kostenlose Tool funktioniert auf Sass, so dass Sie sich zuerst in dieser Vorverarbeitungssprache auskennen müssen. Wenn Sie noch neu in der Webentwicklung sind, dann ist es eine gute Idee, Ihr CSS und Sass zu üben, bevor Sie Sassline aufheben .

Aber sobald Sie es gelernt haben, werden Sie Layouts nie wieder auf die gleiche Art und Weise gestalten.

Es verwendet Rem-Einheiten, um benutzerdefinierte Basislinien zu erstellen , die auf die gesamte Breite des Textes passen . Dies beinhaltet alle Ihre Header, Absätze, Blockquotes, alles.

Und Sassline verfügt über reaktionsfähige Haltepunkte, so dass Sie die Textgröße (und Zeilenhöhe) automatisch anhand des Sassline-Rasters anpassen können. Dies beruht auf Sass Mixins, die Sass Erfahrung benötigen, wenn Sie mit ihnen arbeiten möchten.

Deshalb empfehle ich dieses Tool speziell für erfahrene Webentwickler, die ihren Workflow verbessern möchten.

Die Demoseite bietet ein ziemlich klares Beispiel für die Funktionsweise dieses Grundlinienrasters, einschließlich Listenelementen, Pull-Anführungszeichen und verschiedenen Header-Größen.

Außerdem können Sie dies in Frontend-Frameworks wie Bootstrap einfügen, wenn Sie kleinere Änderungen am Code vornehmen möchten. Die gesamte Sassline-Bibliothek ist super vielseitig und sollte für Sass-Liebhaber überall ein Grundpfeiler sein.

Um zu beginnen, besuchen Sie das Haupt-GitHub Repo und laden Sie eine Kopie der Quelldateien herunter.

Dort finden Sie auch Setup-Anweisungen und einen Link zu diesem tollen Blog-Post, der Sie durch die Funktionen der Sassline-Bibliothek führt.

10 Websites zum Erstellen von animierten GIFs kostenlos

10 Websites zum Erstellen von animierten GIFs kostenlos

Was auch immer deine Stimmung oder dein Geschmack sein mag, irgendwo in der Online-Welt gibt es wahrscheinlich ein GIF, um zu zeigen, wie du dich wirklich fühlst. Aber was ist, wenn Sie das gewünschte GIF nicht finden ? Warum erstellst du dann nicht dein eigenes individuelles animiertes GIF? Sie müssen kein Experte sein, um es zu tun, und keine technischen Fähigkeiten sind erforderlich, um einen zu erstellen.Hie

(Tech- und Design-Tipps)

30 Retro WordPress Themes für Hipster

30 Retro WordPress Themes für Hipster

Die Leute lieben das Gefühl der Nostalgie, die jedes Mal erscheint, wenn Sie einige Retro-Fonts, ausgewaschene Farben und Schwarz-Weiß-Bilder sehen. Viele Designer kombinieren gerne Alt und Neu: Sie sind mutig genug, Old School Style in ihre Entwürfe zu integrieren. Old-fashioned retro WordPress-Themen sind trendy in diesen Tagen mit Design-Elementen aus den 50er und 60er Jahren. V

(Tech- und Design-Tipps)