https://en.wikipedia.org/wiki/Frontend_and_backend (opens in a new tab)
An image illustrating a mental model for thinking about Frontend technologies.
- HTML (Skeleton)
- Your foundational structure for webpages
- The behaviour / functionality of webpages
- CSS (Skin, Hair and Clothes)
- How elements appear and are rendered visually
User Interface Design (opens in a new tab)
User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience.
For what not to do, check out https://userinyerface.com/game.html (opens in a new tab)
Information Architecture (opens in a new tab)
Information architecture (IA) is the structural design of shared information environments; the art and science of organizing and labelling websites, intranets, online communities and software to support usability and findability; and an emerging community of practice focused on bringing principles of design, architecture and information science to the digital landscape.
Google Fonts (opens in a new tab)
Beautiful collection of typefaces, for when you're sick of using Helvetica.