~✎~✎~ SITE NOTES ~✎~✎~
INSPIRATION: ~ a mix of sites that inspired the creation of this site ~
=> the original blogs that inspired me to start finally building my website - moth.monster: how to make your own website from scratch -- html tutorial for making a simple html site; this site definitely would not exist if not for this blog post - blog.cassidoo.co -- tech blog that is gorgeous on desktop and mobile; I especially love the changing color scheme and tag system for posts - sunny.gg -- another tech blog that dubs itself as a simpleton website and has plain text posts like this page(or had one at one point anyways but that post seems to have been take down); the format and style of the tables on my pages are based on the tables that were here at one point - t0.vc -- an extremely simple html blog with a neat guest book, i love the simplicity - rachsmith.com -- I love the way this blog lists their posts by month and how the dates are colorful, and I think of my site as a digital garden in ways - yosemitesam.ch archive -- the exact kind of site-tree I am trying to implement (eventually). heres another one from the - U.S. Graphics Company => fun html pages that i think are awesome - small web things -- html widget templates; don't have a use for any of them yet but these are good examples of little things I'd like to tinker with on these pages in the future - vcfmw.org -- really cool retro site for a computer convention that I would love to learn how to emulate the style of - MSHR art collection -- a simple color-changing page on a site for an art collective - leoneckert.com -- a blog with a bunch of fun cursor toys - flags.risd.gd -- a cool little site built for a flag designing competition in Providence, RI; I love how the flags are displayed and would love to embark on a flag project of some sort - lukevolkert.com -- personal site for a sound engineer with an really neat record-playing experience - the monospace web -- a design project that shows off the beauty of sleek, monospace html and css design - brutalist websites -- a colelction of brutalist websites that made me realize i must like brutalist web design because a lot of these pages are awesome => i could list a million blog posts about why starting your own blog is great so i dont even want to try picking my favorites or anything, but someone else already made a cool page just like that so here is that instead - the internet used to be* fun -- by kwon────────────────── ❦ ──────────────────
HTML TOOLS: ~ docs for tools that are used to build this site ~
- CSS Tools: Reset CSS -- css code documentation; currently using this to refresh css of my site which I discovered sunny.gg using; - md-block documentation -- md-block documentation; used with first version of my site but not currently in use here, possibly in the future - mardown tag -- md documentation; same as md-block but never got it to work; keeping site here just in case I want to go back to it────────────────── ❦ ──────────────────
GUIDES: ~ syntax documentation ~
- mozilla html reference -- html documetation - stanford html cheatsheet -- html guide - md basic syntax -- markdown guide────────────────── ❦ ──────────────────
TUTORIAL SITES: ~ various websites and blog posts that give mini-tutorials on certain html methods and techniques ~
- a basic html5 template -- extensive html head template tutorial that also introduced me to favicons => the following three sites all helped format my initial html pages and helped me learn a lot of the basic html syntax: - html layout -- html template - html template -- html template - nested flex containers example -- html template - makeusof.com/md-block-render -- md-block tutorial - embedding google docs -- embed google sheets; helped me embed a block of google sheets onto a page to create my first cfb rating web page; have since decided to stick to simple html, markdown, and plaintext tables instead but may use this again in the future - expandable html tables -- expandable tables tutorial - change text highlight color with css-- tutorial for changing the color of highlighted text - W3 How to: sticky seader -- sticky header documentation - Stack Overflow: count website visitors with JS -- page view counter stack page (really sloppy implementation and probably won't stick around long in current form) - Stack Overflow: stopping audio when other audio is played -- this was a great resource for cleaning up my music files page and not letting users play all tracks at once like maniacs────────────────── ❦ ──────────────────
□ □ □