HTML + CSS: Difference between revisions
No edit summary |
|||
| Line 1: | Line 1: | ||
==code editors== | ==code editors== | ||
* https://brackets.io/ | * https://brackets.io/ | ||
* https://vscodium.com/ | * 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://www.geany.org/ | ||
* https://kate-editor.org/ | * https://kate-editor.org/ | ||
* https://www.sublimetext.com/ | * https://www.sublimetext.com/ (freeware) | ||
* https://pulsar-edit.dev/ (fork of Atom) | |||
* https://notepad-plus-plus.org/ (Windows only) | |||
==HTML== | ==HTML== | ||
Revision as of 10:06, 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>
- 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