cmac 240 class site

happy hearts

happy hearts

home assignments resources

Lectures

TRICKY STUFF AND HELPFUL HINTS - Presentation 9/21/22

Software for the course:

Twine Cookbook
Twine Software
Sublime Text : A free code editor, though one that is slight less integrated with github.
Sublime Text : A free code editor, though one that is slight less integrated with github.

Visual Studio Code : A code editor for creating and editing .html, .css, and .js files

Firefox web browser
Github Desktop - This is highly recommended if you are new to Git, but those with experience may prefer a different Git GUI or using Git via command line.

Adobe Creative Cloud (optional) - Duke students are eligible for a free subscription to Adobe Creative Cloud through the OIT Software portal . It is also available in the OIT Multimedia Project Studio (MPS) which is staffed with student consultants.

Useful Links:

Accessibility

Accessibility - W3C

Web Accessibility Initiative (WAI) | W3C

Anti-Ableism - Anti-Oppression - LibGuides at Simmons University

Perspectives on the Meaning of “Disability” | Journal of Ethics | AMA

Introduction to Web Accessibility | Web Accessibility Initiative (WAI) | W3C

How To Maintain Hierarchy Through Content Choreography — Smashing Magazine

History of the web

Early Web Design Helped a Generation Express Themselves Online. How Do We Capture That Feeling Again? – Eye on Design
Space Jam
A History of Design Systems on the Web - The History of the Web

Web Design History Timeline 1990-2022 | Web Design Museum
The History of Web Design - Tiller Digital
SpaceHey — a space for friends.

Tutorials

W3Schools Tutorials
Learn to Code — For Free — Coding Courses for Busy People
Mozilla Explainers

Website building resources

How to Use Inspect Element in Chrome, Safari, and Firefox
Web font – Fonts Knowledge - Google Fonts
Sublime Text
Color Hex Color Codes
Documentation for Visual Studio Code
Code Pen
MDN Web Docs
ice cream pineapple 4 Color Palette
Murilo Polese - Color Code!

HTML CSS Explainers

Cheat sheet HTML CSS
HTML Semantic Elements
HTML Style Guide and Coding Conventions
HTML Reference
CSS Reference
HTML Tags

Bootstrap. HTML, CSS

Bootstrap · The most popular HTML, CSS, and JS library in the world.
Coding Bootcamp!
A Complete Guide to Grid | CSS-Tricks - CSS-Tricks
https://docs.emmet.io/cheatsheet-a5.pdf
Custom HTML – WordPress.org Forums
Web Design/HTML Challenges - Wikiversity
The Web Developer Bootcamp: Learn HTML, CSS, Node, and More! | Udemy

Java

Learn to Code — For Free — Coding Courses for Busy People
Learn JavaScript Tutorial
JavaScript basics - Learn web development | MDN

Github

When github goes down | The GitHub Blog
Basic Syntax - GitHub
Write Better Commits, Build Better Projects | The GitHub Blog