Bar Footnotes
Example sites
- Basic Template — just the basics
- Simple version — a few custom styles
- Fancier version — a bunch of custom styles
Resources Mentioned
Things from the presentation
- Code editors
- Visual Studio Code for the average developer. It's relatively light weight and customizable.
- Neovim/Vim for people who like vim bindings. It's extremely lightweight but takes work to get a good developer experience. Not recommended for most people.
- CodePen as a no-setup web based code editor. Great to make quick sketches or dip your toes into web development.
- Web software
- Pico CSS for better defaults and a basic center content class.
- Emmet for faster HTML entry. It's installed in VSCode by default and embedded within CodePen
- GitHub for static hosting. This website is just a place to host Git repositories. This presentation used its GitHub Pages feature to host the websites with relative ease.
Additional Resources
Some resources I wish I knew about when I started web development
- DevDocs for searchable scraped MDN. You should enable HTML, CSS, and whatever other languages you are writing in. It's great to just pull up and search for CSS properties you kind of remember.
- W3 Schools — Semantic Elements which talks about semantic elements like `main` and others you should be using.