HTML + CSS: Difference between revisions
No edit summary |
No edit summary |
||
| Line 18: | Line 18: | ||
<nowiki><h1></nowiki> | <nowiki><h1></nowiki> | ||
<nowiki><img></nowiki> | <nowiki><img></nowiki> | ||
==CSS== | ==CSS== | ||
Cascading Style Sheets | Cascading Style Sheets | ||
<syntaxhighlight lang="css"> | |||
body{ | |||
background-color: pink; | |||
color: green; | |||
margin: 100px; | |||
} | |||
</syntaxhighlight> | |||
==W3C== | ==W3C== | ||
| Line 49: | Line 52: | ||
* https://developer.mozilla.org/en-US/docs/Web/HTML | * https://developer.mozilla.org/en-US/docs/Web/HTML | ||
* https://developer.mozilla.org/en-US/docs/Web/CSS | * https://developer.mozilla.org/en-US/docs/Web/CSS | ||
==XPUB web pages== | ==XPUB web pages== | ||
| Line 69: | Line 68: | ||
* https://hub.xpub.nl/breadcube/hyperworld/ | * https://hub.xpub.nl/breadcube/hyperworld/ | ||
== | ==Pad traces== | ||
* https://pad.xpub.nl/p/SI19-prototyping-2 HTML + CSS intro | * 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-3 HTML + CSS continued | ||
* https://pad.xpub.nl/p/SI19-prototyping-4 CSS Flex, Grid, Transition, Animation | * https://pad.xpub.nl/p/SI19-prototyping-4 CSS Flex, Grid, Transition, Animation | ||
Revision as of 10:13, 26 September 2023
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>
CSS
Cascading Style Sheets
body{
background-color: pink;
color: green;
margin: 100px;
}
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
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