Web Tools, Terms, and Technologies

Web Design 1 | Spring 2024
Tim McKenna
On Accessing the Web
Browser: A browser is a software application that connects to the web through a series of requests and downloads. Browsers include Safari, Firefox, Chromium*, Opera, and many more.
Tor: The Onion Router, a browser process that obfuscates your search history and where your IP address is coming from.
IP Address: A unique ID number that is assigned to every device that connects to the internet.
On Accessing the Web
Server: A specialized computer optimized for receiving and sending request across networks
Network: The large connected system of computers, servers, wires, and tranceivers that make up a network provided by an ISP.
ISP (Internet Service Provider): Typically a commercial organization that sells you access to the internet. Xfinity, Turner Media, etc in the US.
Tools of the Web
Accessibility Tools: screenreaders, magnifiers, color contrast tools, all for helping individuals access the web inclusively.
Services: Typically governmental or freely provided by a commercial entity; you are looking at online payments for utilities, government services, bill pay, etc.
Products: Opposite of services, these are digital features and capabilities that you pay for; like buying a font or something on Etsy
Platforms: Web systems that services millions of users with many platforms; think Amazon, Spotify, Etsy
Tools of the Web
Web Host: An organization that hosts your website files on their server; FlyWheel, GoDaddy, etc.
DNS (Domain Name Server): An organization that hosts your DNS (your website name and URL.) Typically the same companies as your web host.
URL (Unified Resource Locator): The human readable DNS of your files on a webhost. e.g. youtube.com is the URL, the DNS is hosted by Google, and Google is the Webhost
Tools for creating the Web
UI Design Tools: Design applications specifically for desktop and mobile web design; Figma, Adobe XD, Sketch, etc.
Low Code/No Code Platforms: Platforms that actually create the website for you with little to no programming experience; WebFlow, Framer, etc.
CMS (Content Management Systems): Web Tools as small or as complex to build small and complex websites; WordPress, Drupal, Ghost.
Tools for creating the Web
Code Editor: A simple (or complex) editor for writing code. E.g. VSCode, Atom Editor, etc.
IDE (Integrated Development Environment): Typically a code editor with a lot of integrations and workflows, such as Adobe Dreamweaver, Microsoft VisualStudio, etc.
Design Tools for the Web
HTML: Hyper Text Mark Up Language. The literal skeleton of a webpage.
CSS: Cascading Style Sheets. The window dressing of a website.
Javascript: The interactional and logical layers of a website.
Developer Tools: Debugging tools built into the browser to test things out.
Design Tools for the Web
Image Optimization: Applications for image optimization, compression, and clean up. Adobe Photoshop, Affinity Photo, GIMP.
SVG (Scalable Vector Graphics): Applications that can create SVGs. Adobe Illustrator, Affinity Designer, Inkscape
Design Platforms: Platforms for helping to create artifacts for the web, such as Canva, Pixelmator, Pixlr, Icon platform such as Flaticon, FontAwesome, The Noun Project.
YCP Class 2 - Terms of the Internet
By Tim McKenna
YCP Class 2 - Terms of the Internet
- 64