External resources
Want to code?
Brackets and Visual Studio Code are free & open source coding programs. Super helpful! I use the latter to write my website. Has suggestions, find and replace features, live ports to view your site etc. Not limited to website coding - its features are useful all around. If using VSC, just make sure to go to Preferences > Telemetry Settings > Off.
You can also use the Neocities editor or even notepad, but I find these options limiting and not as convenient.
Don't know where to start?
Depending on how you feel, start from the ground up or get a premade.
Either way, get yourself used to the makeup of coding in HTML/CSS. Most web design now revolves around accessibility; this is achieved mostly by being responsive, which is a word that you'll hear being thrown around. The old web layouts are not responsive, nor do a lot of them contain modern libraries (like Boostrap, which makes responsive design easy), but they do maintain the basics of HTML and CSS.
Other learning resources
These are some sites which are good for beginner learners:
Layouts
- "Lovely Designs" | Layouts, graphics
- "Create Blog" | Layouts
- "CSS Layout" | Templates, patterns, snippets
- "Fool Lovers" | Full layouts, in JP
- "Celestrial Star" | Layouts, graphics
- "Theme Kings" | Layouts
- "Inobscuro" | Layouts
Colours
- "Color Hunt"" | Colour palettes
- "Color Lovers"" | Colour palettes again
- "Randoma11y"" | Fun two-tone colour combinations!
- "coolhue" | Gradients
Coding, cool stuff
- "w3schools" | General coding. VERY useful! Helped me so many times.
- "CSS speech bubble generator" | Speech bubbles
- "CSS Border radius generator"
- "Tooltipster" | My favourite tooltips.
- CSS tooltip generator" | Easy customising tooltips.
- "Stack Overflow" | Troubleshooting codes. Will save your coding life.