Willkommen zu CSS Architektur- und Aufbaukurs

Michael Reichart

• michael.reichart@gfu.net
• Auf Xing und LinkedIn unter Michael Reichart

Foliensatz

Es gibt einen begleitenden Foliensatz zu unserem Seminar und Workshop im Verzeichnis docs: Cascading Stylesheets.pdf. Was wir im Laufe des Seminars erarbeiten, kommt hinzu. Alle Ergebnisse stehen Ihnen anschließend unter der Common Creative Lizenz CC BY-NC-SA zur Verfügung.

Dateien zum Download

wir werden im Laufe des Seminars HTML, CSS und Javascript Dateien schreiben. Meine Versionen davon können am Ende des Seminars hier heruntergeladen werden.

Links zu HTML und CSS

• html5Test.com

• Can i Use?

• CC BY-NC-SA Lizenz

• Cost of Defect

• Emmet Cheat Sheet

• W3C

• HTML Dokumentation I

• HTML Dokumentation II

• HTML Dokumentation III

• CSS Nomenklatur - Block Element Modifier

• CSS Architektur - skalierbar und modular

• CSS Tricks

• Stop Using IDs in CSS

• Dropdown via CSS

• Shape with CSS

• Blind-Bild-Generator

• Generative Gestaltung

• The origin of responsive webdesign

• SASS for CSS

• Popup Book for Beercamp

• David Walsh: Spinning Cube

Code Snippets

"SCSS Doc Block and main comments": {
    "prefix": "docblock",
    "description": " Docblock Comment for SCSS Files",
    "body": [
        "// /** $1",
        "//  *",
        "//  * @package Webapplication",
        "//  * @module $2",
        "//  * @author Michael Reichart <michael.reichart@gfu.net>",
        "//  * @since $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE",
        "//  * @version 1.0.0",
        "//  * @see i.e. inspired by ... {link to}",
        "//  * @license MIT {https://opensource.org/licenses/MIT}",
        "//  * @copyright (c) $CURRENT_YEAR Michael Reichart, Cologne",
        "//  */",
        "",
        "$3"
    ],
}