Evan Kusko - Module 2

All reference information retrieved, reviewed, and updated February eighth, 2023

HTML5 INFORMATION

W3Schools

https://www.w3schools.com/tags/default.asp

W3Schools is an online forum that software developers can use to find short-form tutorials to improve their code. While the majority of the site is useful to anyone working in html or other coding languages, the main page that I will be referencing throughout the site is their HTML and HTML5 Reference Sheet.

456 Berea Street

https://www.456bereastreet.com/archive/201011/html5_syntax_guidelines/

456 Berea Street is a small site curated by Roger Johansen, a front-end web developer specializing in accessibility in site design. In particular, their syntax guide serves as a well-organized tool to help inform your own site’s structure with regards to your own design.

CSS INFORMATION

Mozilla Developer Network - CSS

https://developer.mozilla.org/en-US/docs/Web/CSS

The Mozilla Developer network is a site with a broad range of topics relating to web development. In particular, their Cascading Style Sheets section goes into great depth to describe both how to start developing css as well as how to improve stylistic elements of a site.

Mendel Rosenblum - CSS

https://kusk.neocities.org/assn_modules/module2-1/resources/rosenblumcss.pdf

This is a presentation from Stanford professor of computer science Mendel Rosenblum that highlights how to use cascading style sheets as well as hosts some frequently asked questions regarding how different design elements interact within your programming.

DESIGN TOOLS AND INFORMATION

W3Schools HTML Color Picker

https://www.w3schools.com/colors/colors_picker.asp

Although there are a huge variety of color tools that can be used for web development, W3Schools’ color picker is definitely the most accessible and robust that I’ve worked with, especially for browser-based options. I especially like that it has hue, lightness, and contrast glossaries at the bottom of the page, making it a bit easier to get an idea of how to narrow in on the colors that you need.

Mozilla Developer Network - Handling Issues

https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS

The Mozilla Developer Network also features some strategies for handling issues across browsers, finding tools to check your programming, and how to handle visual errors in cascading style sheets. Because visual bugs like these can require a lot of testing, having access to a a set of well-constructed problem-solving guidelines is a useful resource for any site.

COPYRIGHT-FREE VISUALS

OpenGameArt

https://opengameart.org/

I’ve used OpenGameArt in game jams and other game development assignments in order to provide the visual elements of gaming projects that I’ve worked on. While the visuals look very specific and limited on face value, the ability to find such a broad range of unique visuals makes it an important resource.

OpenVerse

https://openverse.org/

Although OpenVerse features mostly art and photos of art that are now public domain, the huge variety and high quality makes it another useful option for the elements of the site that aren’t UI or the like.