Die 6 effektivsten Möglichkeiten zum Schreiben von HTML und CSS

In diesem Artikel werden die sechs wirksamsten Methoden vorgestellt, die Ihre Effizienz steigern und Ihnen Zeit sparen sollen.

Wenn Sie Ihre CSS-Codierung beschleunigen möchten, müssen Sie dynamisches CSS erlernen und beherrschen. Die meisten dynamischen CSS fügen verschachtelte Regeln, Variablen, Mixins und Selektor-Vererbungsfunktionen hinzu, um die Codenutzung zu verbessern.

Die Verwendung von Code-Snippets ist eine schnelle Möglichkeit, HTML-Code zu schreiben. Zen Coding und HAML werden empfohlen. Erstens sind Sie dadurch sehr schnell auf dem neuesten Stand und zweitens werden einige menschliche Fehler vermieden, weil der gesamte Code getestet und korrekt generiert wird.

Der Vorteil des CSS-Resets besteht darin, dass Browserinkompatibilitäten vermieden werden. Empfohlen: CSS-Reset und YUI von Eric Meyer.

Viele Entwickler verwenden kein CSS-Rasterlayout. Die Idee des Rasterlayouts stammt aus dem traditionellen Printpublikationswesen und ist im Internet bei Vorlagen/Websites im Zeitschriftenstil sehr wichtig. Diese Methode hat sich bei vielen Entwicklern als effektive Möglichkeit erwiesen, die Geschwindigkeit des Produktdesigns zu erhöhen.

CSS Grid Layout bietet gute plattformübergreifende Unterstützung und weitere Funktionen. Hier sind einige verwandte Ressourcen:

Welches CSS-Raster-Framework sollten Sie für Webdesign verwenden? 960-Raster-Layout YUI-Raster-Layout Blue Print-Raster-Layout 5. HTML/CSS-Editor



Sie benötigen einen guten Code-Editor. Neben Notepad gibt es noch viele andere, und jeder hat seine eigenen Funktionen. Beispielsweise ist die FTP-Engine von Coda sehr stabil. Natürlich können Sie sich auch bei der Open Source China Community anmelden, um nach weiteren Open-Source-Code-Editoren zu suchen.

Notepad++ (Windows, kostenlos) Aptana (alle Plattformen, kostenlos) Bluefish (alle Plattformen, kostenlos) Coda (Mac, 99 $) Textmate (Mac, 57 $) 6. Andere Online-Tools



Die folgenden Tools können Ihnen helfen, ein wenig Zeit zu sparen.

Backfire: CSS-Änderungen für Firebug speichern. Live.js: CSS aktualisieren. CSS Auto Reload: Wie Live.js, aber Sie können die Neuladezeit festlegen. Yahoo Grid Builder: YUI-Rastererstellung. Markup-Generator: Generieren Sie CSS-Tags basierend auf HTML-Code. Coda-Clip: Coda-Clip.

Wenn Sie gerade HTML und CSS lernen, empfiehlt es sich, mit dem Schreiben des Codes von Hand zu beginnen. Wenn Sie bereits über eine solide Grundlage verfügen, probieren Sie die oben genannten Methoden aus.

Viel Spaß beim Programmieren :)

Originalartikel: http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css