HTML + CSS
code editors
- https://brackets.io/
- https://code.visualstudio.com/ (Microsoft)
- https://vscodium.com/ (community-driven, freely-licensed binary distribution of Microsoft’s editor VS Code; without telemetry/tracking)
- https://www.geany.org/
- https://kate-editor.org/
- https://www.sublimetext.com/ (freeware)
- https://pulsar-edit.dev/ (fork of Atom)
- https://notepad-plus-plus.org/ (Windows only)
HTML
HyperText Markup Language
<head> <body> <h1> <img>
- inspector
- commonly used elements
- linking to each other
- adding media (images, video, audio)
CSS
Cascading Style Sheets
W3C
W3C is the Web consortium that make decisions about web standards.
They write very heavy documentation. This documentation is mostly used by people making web browsers.
tutorials & zines
- https://www.w3schools.com/
- https://developer.mozilla.org/en-US/docs/Web/Tutorials
- https://solarpunk.cool/zines/web-zine-01/
- https://curly-braces.hashbase.io
- https://css-examples.wizardzines.com/
documentation
- https://devdocs.io
- https://developer.mozilla.org/en-US/docs/Web/HTML
- https://developer.mozilla.org/en-US/docs/Web/CSS
upload your HTML page to a server
XPUB web pages
first pages XPUB1 2022-2024
- https://hub.xpub.nl/breadcube/~bo/first-webpage.html
- https://hub.xpub.nl/breadcube/~log/small-print.html
- https://hub.xpub.nl/breadcube/~aglaia/simonsays/testpage.html
- https://hub.xpub.nl/breadcube/~ada/cowboys/cowboys.html
- https://hub.xpub.nl/breadcube/~suzan/transparentblue.html
- https://hub.xpub.nl/breadcube/~suzan/hello.html
hyperworld
pads
- https://pad.xpub.nl/p/SI19-prototyping-2 HTML + CSS intro
- https://pad.xpub.nl/p/SI19-prototyping-3 HTML + CSS continued
- https://pad.xpub.nl/p/SI19-prototyping-4 CSS Flex, Grid, Transition, Animation