# intro to web resources I teach an intro to web design class at [Lansing Community College](https://www.lcc.edu/academics/areas-of-study/arts-communication/art-and-design.html). This is a collection of the references, handouts, and resources that I've created for the class. - [[web resources]] - [[web typography]] - [[web layout]] - [[web images]] - [[web backgrounds]] - [[color and tools]] - [[web gradients]] - [[web elements]] - [[css frameworks]] - [[static site generators]] - [[web animation]] - [[random web techniques]] --- ## additional resources - [75 Tiny Little Web-Based Tools for Web Designers](https://speckyboy.com/tiny-little-tools-web-design/) - [50 Tiny Little Web-Based Tools for Web Designers](https://speckyboy.com/tiny-little-web-based-tools-web-designers/) - [TinyWow](https://www.tinywow.com) - convert files and work with pdf, image, video - [design systems database](https://designsystems.surf) to see how big companies are handling their components and design foundations - [neat categorization diagram of the web](https://diagram.website) - [History of User Interfaces](https://history.user-interface.io/) - history of user interfaces over the years, including hardware - [Every Interaction Design Concept](https://anthonyhobday.com/sideprojects/interactionconcepts/) -breakdown of important terms and concepts - [512KB Club](https://512kb.club) - for small performance-focused websites. amazing what you can do with only a little bit of code - [one million screenshots](https://onemillionscreenshots.com) - explore screenshots of websites based on similar colors, layout, content, etc. - [everywhere.tools](https://everywhere.tools) - neat collection of random web tools with a focus on typography and generative engines --- I'm always looking for more resources to share with students. If you have suggestions, please get in contact. This [uncopyrighted](https://uncopyright.org/)content is shared freely with the internet. --- tags: #web #resources home: [[! intro to web resources]]