Links & Resources

suggested links and resources for COMP 125

---

This list contains a variety of information, suggestions, and generally interesting material.

This section will be updated on a weekly basis during the semester.

We are not responsible for the content of external websites, and whilst we try to check the currency of each link, some may no longer work.

If you have any suggestions for additions to this section of the site, please feel free to contact me.

---

Course links will be updated during the semester.

Articles & Papers

• Meyer, Eric - Reset CSS. meyerweb.com. http://meyerweb.com/eric/tools/css/reset/

Documentation & Guides

• MDN - CSS
  • cascade and inheritance
  • documentation
  • fonts
  • selectors
• MDN - HTML5 Canvas API
• MDN - What is JavaScript?
• MDN - JavaScript Array
• MDN - JavaScript data types and data structure
• MDN - Prototype
• MDN - Working with Objects
• W3C Documentation - CSS
• W3C Documentation - CSS Flexible Box Layout Module 1
• W3C Documentation - HTML Syntax
• W3C Documentation - HTML5
• W3Schools - CSS
  • Box Model
  • fonts
  • selectors reference
  • web fonts
• W3Schools - HTML
  • canvas element
  • HTML DOM
  • HTML5 Semantic Elements
  • media elements
• W3Schools - JS
  • Arrays
  • conditionals
  • event listener
  • For loop
  • functions
  • Math Object
  • Objects and Properties
  • Prototypes
  • Strings

Frameworks & Libraries - CSS, JS… (a few examples)

• AngularJS
• D3
• Electron
• Foundation
• jQuery
  • jQuery
  • jQuery UI
• Node.js
• Pure CSS
• React
• Skeleton

NB: there are many other options available, simply search online for css frameworks &c. and choose your favourite.

Mockup & Prototype Tools - a few examples

• Adobe Photoshop, Illustrator
• Apple’s Keynote (useful for iOS)
• Bootstrap
• Figma
• Flinto
• Framer
• Google Drawings
• InVision
• Mirror.js (useful for Android)
• Proto.io
• Sketch3
• XCode Interface Builder

Useful Tools & Reference

• CSS Lint
• Git
  • Pro Git
• HTML5 Audio formats
• HTML5 Test
• JSLint - JavaScript Validator
• Visual Studio Code

Videos

• Beginning Graphic Design
  • Colour - YouTube
  • Typography - YouTube
• Introducing Atom - YouTube
• Introducing Microsoft Edge - YouTube
• Learn Git in 20 minutes - YouTube
• TED Talks
  • How the hyperlink changed everything
• W3C Web standards for the future - Vimeo

Websites

• A List Apart - For People Who Make Websites
• Apple - UI Design Basics
• Gnome - Human Interface Guidelines
• Google - Material Design
• HTML5 Canvas examples
  • Canvas cycle
  • Curtain
  • Destroy things in a video
  • Jelly
  • Particles
• The Unicode Consortium
• Unicode Information
  • Unicode examples
• W3C
  • App Foundations
  • Standards
• W3 Schools
  • HTML Colour Picker

Extras

• Smashing Magazine - For Professional Web Designers and Developers
• usability.gov
  • “Research-Based Web Design and Usability Guidelines”
  • “What & Why of Usability”
  • “How To & Tools”

---

n.b. we are not responsible for the content of external websites, and whilst we try to check the currency of each link, some may no longer work.