Schwarzcode

Nachschlagewerk zur Ergänzung des Unterrichts in Frontend Development – und für mich. Sehr subjektiv gefärbt und ohne Anspruch auf Vollständigkeit.


Favoriten

Link zum Artikel:

Farbsysteme

Farbräume RGB (dezimal und hexadezimal), RGBA , HSL, HSLA

Link zum Artikel:

kommentieren und deaktivieren

Notizen im Code platzieren und Code-Fragmente ausschalten

Link zum Artikel:

Spaltenlayout mit Floating

Spaltenlayouts oder wie man Blockelemente fliessend und sorgenfrei nebeneinander positioniert

Link zum Artikel:

Startvorlagen

Ein HTML- und ein CSS-File für den Projektstart

Link zum Artikel:

Bilddateiformate fürs Web

JPEG, PNG, GIF, SVG, WEBP

HTML

Link zum Artikel:

HTML-Grundgerüst

Head und Body und Doctype

Link zum Artikel:

HTML-Head

Die paar Dinge, die in den HTML-Head müssen

Link zum Artikel:

HTML-Head für Fortgeschrittene

Favicon, Suchmaschinen-Blocker, Weiterleitungen, Haltbarket

Link zum Artikel:

Links und Verknüpfungen

Download-Links, Mail-Links, Links zu einer bestimmten Stelle auf der gleichen Page und andere Verknüpfungen

Link zum Artikel:

HTML-Attribute

Zusatzinformationen für HTML-Elementen, wie class, id, href, src …

Link zum Artikel:

Listen in HTML

Aufzählungen und Nummerierungen – Listen eben

Link zum Artikel:

Tabellen

Für tabellarische Inhalte natürlich

CSS

Link zum Artikel:

CSS-Einbau

Voraussetzung dafür dass die Styles überhaupt gelesen werden

Link zum Artikel:

Selektoren

Das mit den IDs, Classes, Typen und Sternchen

Link zum Artikel:

Selektoren-Training

Kleine Trainingseinheit für alle, die immer noch etwas Mühe haben mit den CSS-Selektoren

Link zum Artikel:

Selektoren für Pros

Verschachtelte Selektoren, spezifisch verschachtelte Selektoren, Attribut-Selektoren

Link zum Artikel:

Selektoren, Kaskaden, Spezifität

Welcher Selektor ist der stärkste?

CSS-Eigenschaften

Link zum Artikel:

Übersicht der CSS-Eigenschaften

Ein Auflistung aller Eigenschaften, die ich in der Praxis brauche

Link zum Artikel:

Typo: Absätze

Linksbündig, rechtsbündig, zentriert, Blocksatz, Einzug erste Zeile und hängender Einzug, geschützte Leerschläge

Link zum Artikel:

Typo: Basics

Schriftfamilie, Schriftfarbe, -grösse, -schnitt, Zeilenabstand, Buchstabenabstand, Wortabstand, Gross- und Kleinschreibung, Unterstreichungen, Durchstreichungen

Link zum Artikel:

Listen in CSS

Präzise Gestaltung von Listen aller Art

Link zum Artikel:

Hintergrund

Hintergrundfarbe und Hintergrundbild mit Positionierung, Repetition und Scrollverhalten

Link zum Artikel:

Bilder mit Textumfluss

… oder wozu float:left und right eigentlich gedacht sind

Link zum Artikel:

Spaltenlayout mit Floating

Spaltenlayouts oder wie man Blockelemente fliessend und sorgenfrei nebeneinander positioniert

Link zum Artikel:

OpenType-Features

Ligaturen, Ziffernabstände, Ziffernart, Formatsätze, kontextbedingte Formen, …

Allerhand

Link zum Artikel:

Farbsysteme

Farbräume RGB (dezimal und hexadezimal), RGBA , HSL, HSLA

Link zum Artikel:

Farbnamen

Farbnamen für ein paar Hände voll Farbwerte

Link zum Artikel:

kommentieren und deaktivieren

Notizen im Code platzieren und Code-Fragmente ausschalten

Link zum Artikel:

Bilddateiformate fürs Web

JPEG, PNG, GIF, SVG, WEBP

Scripts

Link zum Artikel:

jQuery

Mal grob erklärt und 2 einfache Muster – eine Ausgangslage also

Link zum Artikel:

jQuery-Plugins

Eine schöne Sammlung solcher auf unheap.com

Link zum Artikel:

jQuery-Plugin-Einbau

Muster anhand einer Spamprophylaxe

Tools, Links

Link zum Artikel:

Web-Accounts löschen

Linksammlung zu den entsprechenden Unterunterunterseiten

Link zum Artikel:

Responsinator

RWD-Check mit virtuellen Geräten.

Link zum Artikel:

Rapid Coding with Emmet

Mit einigen Zeichenkombos lassen sich ganze HTML-Strukturen zaubern.

Link zum Artikel:

Freie Platzhalter-Images

Fundus freier Layoutbilder und ein dazu passender Platzhalterbilder-Service

Link zum Artikel:

124 SVG Icons for popular brands

… heissts im Titel der besagter Site, die genau das liefert

Link zum Artikel:

wwwhere – wwwo?

«Eine gepflegte Liste von Werkzeugen und Resourcen, für Leute, die Websites machen»

Admin

Link zum Artikel:

Lokaler Webserver

Für Sites mit PHP oder einfach, um mit hübschen URLs zu arbeiten

Link zum Artikel:

Accessibility – Zugänglichkeit

Damit Suchmaschinen oder Screenreader für Sehbehinderte oder Blinde den Inhalt deiner Site sauber auswerten können

Link zum Artikel:

Kommunikation der Server

Die Wege im Internet zwischen Usern und Servern

Link zum Artikel:

SEO – Search Engine Optimization

Ein paar Sätze zur Suchmaschinenoptimierung


Verantwortlich:
Jürgen Wössner
E-Mail

Schwarzcode

Nachschlagewerk zur Ergänzung des Unterrichts in Frontend Development – und für mich. Sehr subjektiv gefärbt und ohne Anspruch auf Vollständigkeit.

Aber mit so einem kleinen Bildschirm hier ist das ganze echt nutzlos. Geh mal rüber an einen grösseren Bildschirm.