Webhilfen

Ihr Internetanschluss

Ihre IP-Adresse (externer Link)

Klicken Sie auf obigen Link um mehr zu erfahren

w3school.com

w3school ist wohl die umfassenste Website, welche alle notwendigen Regeln mit vielen Beispielen und Übungen beinhaltet. Der Webauftritt ist in Englisch gehalten, doch wer die Grundkenntnisse der Englischen Sprache einigermassen beherrscht, kommt damit sehr gut zurecht. Die Website umfasst HTML, CSS, JAVASCRIPT, SQL, PYTHON, PHP und mehr...

selfhtml

Wie es schon der Name andeutet ist mit "selfhtml" gemeint, dass man die Erstellung einer Webseite weitgehend selber erlernen kann. Wer der Englischen Sprache nicht mächtig ist, findet hier eine umfassende Zusammenstellung aller Regeln in Deutsch, welche man nach und nach kennen muss, um eine Webseite zu erstellen. Auch wenn diese Website nicht so viele Dinge erklärt wie w3school, reicht es bei weitem, mit selfhtml eine ansprechende Webseite zu erstellen und wenn man wirklich will, kann man damit auch eine ganze Website erstellen.

Die ultimativen Tools für die Webentwicklung

Hier finden Sie Codegeneratoren, die Sie bei Ihren Front-End-Webprojekten unterstützen. Ich finde diese Website eine gute Ergänzung zu selfhtml.

design shack

Eine Sammlung von Tutorials und News für das Erstellen von Websites. Hier findet man z.B. Webfonts, Templates, Hintergrundmuster und vieles mehr.

SiteInspire

SiteInspire ist ein Schaufenster der besten Web- und interaktiven Designs

Behance

Sehe und entdecke creative Arbeiten im Webdesign

Color Scheme Designer

Sicher eines der besten Werkzeuge für die Erstellung von Farbpaletten

Adobe Color CC

Ein gutes Farbtool findet man bei Adobe mit dem Adobe Color CC. Man findet dort auch weitere Links auf Webdesigner-Websites, welche einem gute Ideen für die eigene Arbeit geben.

Color Pickers

Für die Farbwertbestimmung gibt es jede Menge Programme und auch Websites, welche einem dies sehr vereinfachen.

Farbmodelle (aus dem wiki von selfhtml.org)

Webfonts von Google

Google stellt diverse kostenlose freie Fonts zur Verfügung, welche auf einfache Art und Weise verwendet werden können.

CSS-Grid Layout

Stretching the Grid, 6 fun ways to use CSS Grid

6 lustige Arten um CSS-Grid zu verwenden

The Experimental Layout Lab of Jen Simmons

Lerne den Gebrauch von CSS-Grids. Jens Simmons scheint eine absolute Künstlerin zu sein in der Webanwendung von Grids mit CSS. Auf Youtube findet man jede Menge ihrer Beiträge unter: channel