Tipps zum Arbeiten mit Ihren CSS3-Stylesheets

STYLES-IN-CASCADE

Sobald wir die Struktur unserer Website definiert und die entwickelt haben DOM Genauer gesagt ist es wichtig, die Stile derselben zu definieren. Dies ist auch der kreativste Bereich, in dem Sie die letzte Ecke Ihrer Website mit größerer Genauigkeit anpassen können. Cascading Style Sheets sind die am besten geeignete Lösung, aber für alle, die ihren ersten Ausflug in die Welt der Webentwicklung unternehmen, gibt es einige Tipps, die berücksichtigt werden müssen, um die besten Ergebnisse zu erzielen.

Um ein professionelles Ergebnis zu erzielen, das für ein geweihtes Frontend typisch ist, müssen bestimmte Aspekte wie Reihenfolge, Lesbarkeit und die Korrektur der häufigsten Fehler innerhalb dieser Art von Praxis berücksichtigt werden. Ich teile unten fünf Tipps Sehr einfach, aber gleichzeitig sehr wichtig für die Behandlung und optimale Konfiguration unserer CSS-Stylesheets.

Stellen Sie sicher, dass Ihre CSS3-Stylesheets eine effektive Reihenfolge und Struktur aufweisen

Ich teile meine Stylesheets immer in einer hierarchischen Reihenfolge. Zunächst wende ich normalerweise allgemeine Selektoren an und füge dann die Deklarationen der HTML-Selektoren hinzu und arbeite schließlich innerhalb der IDs der Container und Nebenelemente. Grundsätzlich gemahlen Folgen Sie der Logik des DOM und von den Eltern bis zu den Kindern enden. Wir können jedoch auch einer anderen Formel oder Reihenfolge folgen, beispielsweise können wir unsere Selektoren und Deklarationen unter Berücksichtigung ihrer Funktion gruppieren. Alles hängt davon ab, was unsere Vorlieben sind und wie wir uns beim Arbeiten wohler fühlen.

Wählen Sie für jeden Ihrer Selektoren klare und präzise Namen

Es gibt etwas sehr Wichtiges, das Sie berücksichtigen müssen, und das ist, dass CSS3 sich in der Verwendung von Groß- und Kleinbuchstaben unterscheidet. Das Schreiben eines Wortes mit einem Großbuchstaben kann also etwas anderes bedeuten und Fehler verursachen. Am einfachsten ist es, immer Kleinbuchstaben zu verwenden, um diese Art von Problem zu vermeiden. Versuch auch Wählen Sie Namen für Ihre Klassen und Ihre IDs, die klar erkennbar sind und dass sie uns nicht auf Zweifel oder Fehler schließen lassen.

Vergessen Sie nicht, klarstellende Kommentare hinzuzufügen

Sicherlich müssen Sie Ihre Dateien für andere Personen freigeben, möglicherweise für Ihren Kunden oder Kollegen in Ihrem Arbeitsteam, z. B. Layoutdesigner, andere Designer oder Entwickler. Aus diesem Grund ist es sehr wichtig, auf die Struktur zu achten und ein sauberes und ordentliches Finish zu gewährleisten. Die klarstellenden Kommentare helfen jedem, der auf unser Stylesheet zugreift, sich auf einen Blick schnell zurechtzufinden. Jede Art von Beobachtung, die berücksichtigt werden muss es muss als Inhalt erscheinen. Denken Sie daran, dass Sie Inhalte sowohl in Ihre HTML-Datei als auch in Ihre CSS-Datei aufnehmen können und dass es sich in beiden Fällen um Kommentare handelt, die sich nicht logisch im Endergebnis widerspiegeln und nur sichtbar sind, wenn auf den Quellcode derselben zugegriffen wird kann sehr hilfreich sein.

Wenden Sie in Ihren Stylesheets immer einen Reset an

Jeder Browser hat sein Standard-Stylesheet. Um Fehler oder Änderungen je nach Browser, in dem unsere Seite angezeigt wird, zu vermeiden, ist dies sehr nützlich und wird empfohlen Setzen Sie Ihre Stylesheets zurück. Es gibt mehrere Alternativen: Eric Meyers Reset-Stylesheet kann eine sehr gute Option sein.

Wählen Sie das effektivste Werkzeug

Es gibt viele Tools, mit denen Sie die Effizienz bei der Arbeit an Ihrem Website-Design maximieren können. Von der Erstellung von Wireframes bis zur Entwicklung der Struktur Ihrer Site sowie aller Arten von Anwendungen, einschließlich Adobe Photoshop, Illustrator oder Feuerwerk. Sie haben auch viele professionelle Redakteure, die zu den am meisten empfohlenen gehören (zumindest die, die ich benutze). Erhabener Text oder, falls dies nicht der Fall ist, Adobe Dreamweaver da sie sehr einfache Schnittstellen mit einem hohen Maß an Persönlichkeit sowie die Möglichkeit bieten, mit unseren Codes über ein System von Verknüpfungen und mit einem Autocomplete-System zu arbeiten, das uns hilft, mehr als 70% der Zeit zu sparen, die wir mit einem Editor verwenden würden von traditionellem Klartext.


Einen Kommentar, hinterlasse deinen

Hinterlasse einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert mit *

*

*

  1. Verantwortlich für die Daten: Miguel Ángel Gatón
  2. Zweck der Daten: Kontrolle von SPAM, Kommentarverwaltung.
  3. Legitimation: Ihre Zustimmung
  4. Übermittlung der Daten: Die Daten werden nur durch gesetzliche Verpflichtung an Dritte weitergegeben.
  5. Datenspeicherung: Von Occentus Networks (EU) gehostete Datenbank
  6. Rechte: Sie können Ihre Informationen jederzeit einschränken, wiederherstellen und löschen.

  1.   Marga Sánchez sagte

    Vielen Dank für den Rat, ich bin leidenschaftlich über Design und alle Ratschläge werden gut aufgenommen. Weitermachen.
    Dank !!!