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)
- https://www.vim.org/ (terminal based)
- https://www.gnu.org/software/emacs/ (terminal based)
- https://www.nano-editor.org/ (terminal based)
HTML
HyperText Markup Language
<head>
<body>
<h1></h1>
<p></p>
<img>
CSS
Cascading Style Sheets
body{
background-color: pink;
color: green;
margin: 100px;
}
- a code block like the one above: is a rule
body: is a selectorbackground-color: is a propertypink: is a value
Dive further → CSS, Paged Media CSS examples
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.
web subcultures
- indieweb
- digital gardens
- pubnix servers (tilde/~ servers)
- webrings
- web clubs
- web zines
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
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
Pad traces
- 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