CUCM Logo
Do  27.06.2019CompUser Club Mainspitze e.V.https://www.google.de/maps/place/Moselstraße+21,+65428+Rüsselsheim/@49.9909897,8.4162473,20z/data=!4m2!3m1!1s0x47bd99327b0f7cb9:0x7450272f33dc29e065428 RüsselsheimMoselstrasse 21
Do  27.06.2019CompUser Club Mainspitze e.V.https://www.google.de/maps/place/Moselstraße+21,+65428+Rüsselsheim/@49.9909897,8.4162473,20z/data=!4m2!3m1!1s0x47bd99327b0f7cb9:0x7450272f33dc29e065428 RüsselsheimMoselstrasse 21
Fr  28.06.2019CompUser Club Mainspitze e.V.https://www.google.de/maps/place/Moselstraße+21,+65428+Rüsselsheim/@49.9909897,8.4162473,20z/data=!4m2!3m1!1s0x47bd99327b0f7cb9:0x7450272f33dc29e065428 RüsselsheimMoselstrasse 21
 

Blog: HTML und CSS Coding Guidelines von Google

Autor: Nick   Kommentare (0)   Kurz URL: http://bit.ly/J1l0gS   Bei Twitter speichern   Bei Facebook speichern   Bei Digg speichern   Bei Delicious speichern   Bei Mr. Wong speichern   Bei Google Bookmarks speichern
06.05.2012
Google hat seinen Leitfaden für einheitlichen und sauberen HTML / CSS Code veröffentlicht. Damit einigt man sich bei einem Projekt auf ein paar Regeln, z.B. wie wird Quellcode formatiert, Namenskonventionen, wo werden welche Dateien abgelegt etc.

Üblicherweise werden Guidelines bei Programmier Projekten eingesetzt. Für HTML / CSS alleine sind jedoch wesentlich seltener zu finden.

Was bringt der HTML Coding Guide?

Ein sauberer und vor allem einheitlicher Code soll die Zusammenarbeit im Team verbessern, die Code Qualität steigern, die Performance erhöhen und die Crawlbarkeit von Suchmaschinen (Google) verbessern.

Die meisten "Tips" sollte man als Entwickler kennen und bereits im Team umsetzen. Dennoch bietet sich ein Blick in das Dokument an, um sich einige "Regeln" nochmal bewusst ins Gedächtnis zu rufen. Möglicherweise findet sich auch noch die eine oder andere neue, sinnvolle Regel, die man als Idee in das eigene Projekt übernehmen kann.

Wichtig ist noch zu sagen, das die Google "Regeln" nicht das einzig wahre, festgeschriebenes und unveränderliches Gesetz sind, sondern eben nur ein Leitfaden zur Orientierung. Man muss nicht plötzlich die eigenen Regeln über Board werfen. Viel mehr geht es quasi darum, ein gemeinsames Vokabular zu schaffen. Die Verständigung fällt leichter und man weis, worüber der andere redet.

Links

Google HTML/CSS Style Guide


Den Artikel empfehlen

Ähnliche Blog Beiträge

Opera Browser: Tips und Hilfe zur Einstellung & Nutzung

http://www.cucm.de/blog/119/opera_browser_tips_und_hilfe_zur_einstellung_nutzung/
02.08.2012 - Tip Sammlung zum kostenlosen Webbrowser, der für Windows, Mac OSX, Linux und weiteren Plattformen verfügbar ist.  Weiter lesen

PHP Sicherheit: Wie wird PHP Code gehackt

http://www.cucm.de/blog/115/php_sicherheit_wie_wird_php_code_gehackt/
24.07.2012 - Quasi kein Tag vergeht, ohne das über Webseiten Einbrüche und gestohlene Daten berichtet wird. Die Methoden der Hacker sind stehts gleich und bereits mit wenigen Massnahmen ausser Gefecht gesetzt.  Weiter lesen

Anystock von Anychart Flash Chart Tips

http://www.cucm.de/blog/113/anystock_von_anychart_flash_chart_tips/
11.07.2012 - Anystock ist ein Flash Chart für Finanz und Aktien Charts / Analysen vom Hersteller Anychart. Der Chart kann umfangreich per XML / JSON eingerichtet und per Javascript / jQuery dynamisch gesteuert werden. Ein sehr mächtiges Werkzeug für Reports, Performance Analysen und Dashboards. Trotz ausführlicher Dokumentation können ein paar kleine Probleme auftreten.  Weiter lesen

Webseiten mit verschiedenen Internet Explorer (IE) Versionen (6, 7, 8, 9) parallel testen

http://www.cucm.de/blog/111/webseiten_mit_verschiedenen_internet_explorer_ie_versionen_6_7_8_9_parallel_testen/
04.07.2012 - Einer der leidlichen Arbeitsschritte in der Webentwicklung ist das testen und angleichen der verschiedenen Browser. Insbesondere die verschiedenen Internet Explorer Versionen bereiten grosse Probleme. Einerseits lassen sich nicht mehrere Versionen parallel installieren, anderseits legen die verschiedenen Versionen teils ganz unterschiedliche Verhalten an den Tag. Zumindest für die parallele Installation gibt es Lösungswege.  Weiter lesen

Do Not Track - Lösungen für Browser und Server zum Stop von User Tracking

http://www.cucm.de/blog/99/do_not_track_-_loesungen_fuer_browser_und_server_zum_stop_von_user_tracking/
08.05.2012 - Das User Tracking, das folgen und wiedererkennen von Benutzern im Internet, ist seit Jahren ein Datenschutz Thema. Der neueste Ansatz sich zu wehren findet im Browser statt und nennt sich Do Not Track (DNT).  Weiter lesen

Das neue SelfHTML

http://www.cucm.de/blog/96/das_neue_selfhtml/
18.04.2012 - Ein neues Projekt vom Self HTML Autor Stefan Münz  Weiter lesen

HTML5: Deklaration der Webseiten Sprache (Meta Language)

http://www.cucm.de/blog/84/html5_deklaration_der_webseiten_sprache_meta_language/
07.01.2012 -  Weiter lesen

Vorstellung des jQuery Plugin "DataTable" für HTML Tabellen sortieren, pagination und suchen

http://www.cucm.de/blog/62/vorstellung_des_jquery_plugin_datatable_fuer_html_tabellen_sortieren_pagination_und_suchen/
13.05.2011 - Ohne auf Server-seitige Programmierung wie etwa PHP zurückzugreifen, kann man mit dem jQuery Plugin Datatable einfach eine HTML Tabelle um zusätzliche Funktionen erweitern. Die Hauptfunktionen sind das sortieren nach den jeweiligen Spalten, Pagination (aufteilen in mehrere Seiten) und eine Suche.  Weiter lesen

Twitter API Teil 1: Wie stelle ich Tweets auf einer Webseite dar

http://www.cucm.de/blog/40/twitter_api_teil_1_wie_stelle_ich_tweets_auf_einer_webseite_dar/
14.10.2010 -  Weiter lesen

HTML Tabellen (table) mit Javascript sortieren: Tablesorter für jQuery

http://www.cucm.de/blog/35/html_tabellen_table_mit_javascript_sortieren_tablesorter_fuer_jquery/
29.06.2010 - Mittels dem jQuery Plugin Tablesorter wandeln sich HTML Tabellen in sortierbare Tabellen. Eine serverseitige Programmiersprache wie PHP wird dabei nicht benötigt.  Weiter lesen

Webentwickler: Erklärung, Aufdeckung und Behebung von Web Sicherheitslücken wie XSS oder SQL Injection

http://www.cucm.de/blog/31/webentwickler_erklaerung_aufdeckung_und_behebung_von_web_sicherheitsluecken_wie_xss_oder_sql_injection/
18.06.2010 -  Weiter lesen

Firefox: Suchwerkzeuge oder wie passe ich die Google suche an

http://www.cucm.de/blog/27/firefox_suchwerkzeuge_oder_wie_passe_ich_die_google_suche_an/
29.04.2010 -  Weiter lesen

Weitere Blog Artikel vom Compuser Club

Dem Computer Club folgen und über Neuigkeiten informiert werden:

RSS Feeds RSS Feeds   CUCM @ Twitter Twitter   CUCM @ Facebook Facebook   CUCM @ Google+ Google+
 
Bislang wurde kein Kommentar zu diesem Beitrag abgegeben. Sei erster!
 

Kommentar Verfassen

 
(erforderlich)
 
(erforderlich)
Ihre E-Mail Adresse wird nicht auf der Seite veröffentlicht. Sie dient ausschliesslich der möglichen Kontaktaufnahme unserseits.
 
 
 
 

3) Hinweis zur Freischaltung

Um Spam Missbrauch zu verhindern, werden alle Kommentare zuerst von uns geprüft. Daher kann es einen Augenblick dauern, bis Ihr Kommentar auf unserer Webseite erscheint. Spam oder was wir dafür halten, wird unsererseits kommentarlos gelöscht.
To avoid Spam on our Page, we check all Comments before publish. So save you and us Time and dont Spam.


CompUser Club Mainspitze e.V.   |  65428 Rüsselsheim   |  Moselstrasse 21 (Post Gebäude: 1. Stock)