Links & Resources
suggested links and resources for COMP 324/424
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.
Links will be added during the course…
Articles & Papers
- Jaffe, Jim., Application Foundations For The Open Web Platform. W3C. 10.14.2014.http://www.w3.org/blog/2014/10/application-foundations-for-the-open-web-platform/
- MDN - Using Dynamic Styling Information
- Meyer, Eric - Reset CSS. meyerweb.com. http://meyerweb.com/eric/tools/css/reset/
Design &c.
Documentation & Guides
- D3 API reference
- D3 Wiki
- ExpressJS
- Firebase
- Firebase - database rules
- Flickr API - Public feeds
- Flickr API - Public feed - public photos & video
- jQuery API
- JSON
- MDN - CSS
- MDN - CSS Box Model
- MDN - CSS Flexbox
- MDN - CSS Grid
- MDN - CSS Media Queries
- MDN - CSS Selectors
- MDN - CSS Using Dynamic Styling Information
- MDN - HTML Block-level Elements
- MDN - HTML Content Categories
- MDN - HTML Developer Guide
- MDN - HTML Document & Website Structure
- MDN - HTML Global Attributes
- MDN - HTML Unordered List Element
- MDN - JS
- MDN - JS - ES Modules
- MDN - JS - ES modules - import
- MDN - JS - ES modules - export
- MDN - JS - Inheritance and the prototype chain
- MDN - JS - Iterators and Generators
- MDN - JS - Prototype
- MDN - JS - Proxy
- MDN - JS - Using Promises
- MDN - requestAnimationFrame
- MongoDB - For Giant Ideas
- MongooseJS Docs
- Node.js home
- Observer Pattern
- Pub/Sub Pattern
- redis.io
- W3C Documentation - CSS
- W3C Documentation - HTML Syntax
- W3C Documentation - HTML5
- W3 Schools - CSS
- W3 Schools - CSS Flexbox
- W3 Schools - CSS Grid View
- W3 Schools - HTML DOM
- W3 Schools - HTML5 Semantic Elements
Frameworks & Libraries - CSS, JS… (a few examples)
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)
- Figma
- Flinto
- Framer
- Google Drawings
- InVision
- Proto.io
- Sketch3
- XCode Interface Builder
Useful Tools & Reference
- Chocolatey for Windows
- CSS Lint
- Firebug
- Git
- Google’s Cloud Platform
- Google Web Fonts
- Grunt - JavaScript Task Runner
- Homebrew - the missing package manager for OS X
- HTML5 Audio formats
- HTML5 Test
- JSLint - JavaScript Validator
- JSONLint - JSON Validator
- Travis CI
- Webpack
Various
- Chromium Blog - A faster, more stable Chrome on iOS
Videos
- Beginning Graphic Design
- CSS Display and Visibility - YouTube
- Example Responsive UI Designs - YouTube
- Google Prototyping Series
- JavaScript - Overview of Strict Mode - YouTube
- JavaScript - Scope and variables - YouTube
- Introducing Atom - YouTube
- Introducing Microsoft Edge - YouTube
- Layout and Composition - YouTube
- Modular UI Design - YouTube
- Typography 10 Rules… - YouTube
- UI Design - White space or Negative Space - YouTube
- Using Flexbox and CSS Grid Together - YouTube
- W3C Web standards for the future - Vimeo
- What is AJAX? - YouTube
Websites
- A List Apart - For People Who Make Websites
- Apple - UI Design Basics
- Gnome - Human Interface Guidelines
- Google - Material Design
- JS Info - DOM Nodes
- Microsoft - Guidelines for Windows Runtime apps
- Perishable Press - Barebones Web Templates
- The Unicode Consortium
- Unicode Information
- W3C
- W3 Schools
Extras
- Smashing Magazine - For Professional Web Designers and Developers
- usability.gov
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.