HTML + CSS: Difference between revisions
No edit summary |
No edit summary |
||
| Line 68: | Line 68: | ||
* https://hub.xpub.nl/breadcube/hyperworld/ | * https://hub.xpub.nl/breadcube/hyperworld/ | ||
== | ==pads== | ||
* 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:56, 28 June 2023
code editors
ide's
- https://brackets.io/
- https://vscodium.com/
- https://www.geany.org/
- https://kate-editor.org/
- https://www.sublimetext.com/
HTML
HyperText Markup Language
<head> <body> <h1> <img>
- inspector
- commonly used elements
- linking to each other
- adding media (images, video, audio)
CSS
- commonly used elements
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
XPUB1 web pages
first pages
- 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