CSS-Fähigkeitsstufe bewerten: Endgültige Version & Umfrage

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Es gab viel tolles Feedback vom Rohmodell für die CSS-Fähigkeitsstufen. Ich habe versucht, die Ideen aller zu berücksichtigen und die Dinge zu überarbeiten. Der größte Konsens war, dass eine weitere Stufe zwischen 3 und 4 oder zwischen 4 und 5 eingefügt werden muss. Meine Lösung war, auf ein 6-stufiges System zu erweitern und darauf zu achten, die Stufen etwas gleichmäßiger zu verteilen.

css-skill-level-all.png

Hier ist also die fertige Tabelle der CSS-Fähigkeitsstufen! Sie werden feststellen, dass ich auch eine Umfrage in der Seitenleiste hinzugefügt habe, damit Sie sich selbst einschätzen und dann abstimmen können. (RSS-Reader müssen vorbeischauen und abstimmen, sorry!).

css-skill-level-1.png
  • Ich habe von CSS gehört, es wird im Webdesign verwendet.
  • Ich habe schon einmal eine CSS-Vorlage heruntergeladen und verwendet.
  • Ich habe in CSS-Dateien herumgestöbert und kleine Änderungen vorgenommen, wie das Ändern von Farben und das Entfernen von Unterstreichungen bei Links.
css-skill-level-2.png
  • Ich verstehe, dass der Zweck von CSS darin besteht, Design und Inhalt so weit wie möglich getrennt zu halten.
  • Ich habe umfangreiche Änderungen an einer CSS-Vorlage vorgenommen.
  • Ich habe einen WYSIWYG-Editor verwendet, um eine CSS-Webseite zu erstellen.
  • Ich habe ein grundlegendes Verständnis von CSS-Layouttechniken.

 

css-skill-level-3.png
  • Ich habe eine einigermaßen komplexe Website von Grund auf neu gestaltet, indem ich nur CSS für das Layout verwendet habe.
  • Ich habe ein solides Verständnis der Struktur von CSS, des CSS-Box-Modells und der CSS-Positionierung.
  • Ich verstehe, wie man `float` verwendet und wie man mit dessen Eigenheiten umgeht.
  • Ich habe ein grundlegendes Verständnis dafür, dass verschiedene Browser einige CSS unterschiedlich rendern und dass dies berücksichtigt und getestet werden muss.
  • Ich habe eine wachsende Sammlung von CSS-Ressourcen, auf die ich zurückgreifen kann.
  • Ich verwende keinerlei Tabellen mehr für das Layout. Ich verstehe, dass Tabellen für tabellarische Daten und nicht für das Seitenlayout gedacht sind.

 

css-skill-level-4.png
  • Ich habe eine große Anzahl von CSS-Websites entworfen und codiert. Ich kann ein Design aus jedem Format in ein CSS-Layout konvertieren: Photoshop, Illustrator, Kritzeleien auf Servietten usw.
  • Ich bin vollkommen damit vertraut, CSS von Hand zu schreiben und zu bearbeiten.
  • Ich habe ein starkes Verständnis des Kaskadierungsaspekts von CSS. Insbesondere wie einige CSS-Eigenschaften funktionieren, einige nicht, und einige davon abhängen, wie der Wert deklariert wird.
  • Ich habe ein solides Verständnis von Cross-Browser-CSS. Ich weiß, wie man browserspezifische CSS-Anweisungen verwendet und browserspezifische Stylesheets deklariert.
  • Ich kenne und habe einige CSS-Hacks ausprobiert und verstehe die Vor- und Nachteile ihrer Verwendung.
  • Ich habe ein starkes Verständnis der verschiedenen Größenwerte, die in CSS verfügbar sind (z. B. em, px, %, pt, "small" usw.) und in welchen Situationen jeder am sinnvollsten ist.
  • Ich kann CSS-Probleme schnell beheben und lösen.
  • Ich verfüge über eine großartige Sammlung von Werkzeugen und Ressourcen zur Inspiration, Fehlerbehebung oder als Referenz.

 

css-skill-level-5.png
  • Ich habe das Gefühl, dass ich jede Designidee mit CSS umsetzen könnte.
  • Ich kann pixelgenaue, browserübergreifende Konvertierungen von Designs in CSS-Websites durchführen.
  • Ich kann Markup-Strukturen leicht visualisieren, nur indem ich ein Design betrachte.
  • Ich habe zusätzliche Webtechnologien genutzt, um die Möglichkeiten zu erweitern und die Grenzen von CSS zu überwinden.
  • Ich habe mein eigenes CSS-Framework, das ich verwende, komplett mit meinem eigenen angepassten CSS-Reset.
  • Ich habe ein starkes Verständnis von fortgeschrittenem CSS wie Pseudo-Klassen, Pseudo-Elementen und Attributselektoren.
  • Ich halte mich über Browser-Unterstützung und Entwicklungsfortschritte auf dem Laufenden.

 

css-skill-level-6.png
  • Ich bin an der Zukunft von CSS-Spezifikationen oder -Unterstützung beteiligt.
  • Ich bin eine CSS-Berühmtheit.
  • Ich habe Bücher geschrieben, Seminare gehalten, Kurse unterrichtet, CSS seit ihrer Kindheit gekannt usw.
  • Ich muss keine Tests machen, ich weiß es einfach.