Start Here
Set up tools, publish the first site, and complete the first lesson.
Supports Developer Environment Setup
Resources
Class references.
Curated tools, links, and references for ART 3020. Use this page when you need the right resource without hunting through every lesson.
Student Success
Use these pages to start the course, plan projects, submit correctly, and recover when you fall behind.
How To Submit
Verify repository URLs, live URLs, pushed changes, GitHub Pages, links, and images before submitting.
Supports Developer Environment Setup
Project Planner
Plan goals, audience, pages, content, accessibility, and success criteria before building.
Supports Website Process
Accessibility Checklist
Run a manual accessibility review before project submission.
Supports Web Accessibility
Final QA Checklist
Check links, images, responsiveness, console errors, accessibility, live URLs, and required files.
Supports Web Accessibility
I'm Behind
Recover by focusing on the current project requirements and the lessons tied to that project.
Supports Course Modules
Troubleshooting
Use these when something breaks and you need a calm debugging sequence.
Common Fixes
Debug missing CSS, broken images, GitHub Pages updates, mobile overflow, JavaScript, forms, carousels, and keyboard issues.
Supports File Paths
Setup
Tools students need before project work can move smoothly.
GitHub
Create repositories, publish code, and manage project history.
Supports Developer Environment Setup
GitHub Desktop
Commit and push project changes without needing the command line.
Supports Developer Environment Setup
Visual Studio Code
Edit HTML, CSS, JavaScript, and project files locally.
Supports Developer Environment Setup
HTML & CSS References
Reference material for structure, styling, and browser behavior.
MDN HTML
Look up elements, attributes, forms, links, images, and semantic HTML.
Supports HTML Structure and Elements
MDN CSS
Look up CSS properties, selectors, layout systems, and browser support.
Supports CSS Basics
CSS-Tricks
Find practical examples and explanations for common CSS patterns.
Supports Box Model and Layout
Layout Practice
Low-pressure games and guides for learning layout behavior.
Flexbox Froggy
Practice flexbox alignment, direction, wrapping, and ordering.
Supports Flexbox
Grid Garden
Practice CSS Grid placement concepts through short challenges.
Supports Responsive Web Design
Can I Use
Check browser support before relying on newer CSS or HTML features.
Supports Responsive Web Design
Accessibility
Manual and automated tools for testing inclusive interfaces.
WebAIM
Learn accessibility principles, testing methods, and common patterns.
Supports Web Accessibility
WAVE
Run a visual accessibility scan and review errors in context.
Supports Web Accessibility
WebAIM Contrast Checker
Check whether foreground and background colors meet contrast guidance.
Supports CSS Text Styling
WCAG Quick Reference
Look up accessibility requirements and techniques by guideline.
Supports Web Accessibility
Design & Process
Planning and review tools for the work before and after coding.
Figma
Create wireframes, layouts, visual systems, and design references.
Supports Website Process
Responsive Design Mode
Test a page at different viewport sizes while refining layout.
Supports Responsive Web Design
PageSpeed Insights
Review performance, accessibility, SEO, and best-practice signals after publishing.
Supports Image Optimization
Libraries
Third-party tools used when native browser features need help.
Slick Carousel
Build carousel behavior with a plugin when a project calls for rotating content.
Supports Carousels
GSAP
Create more controlled web animation timelines and interactive motion.
Supports GSAP Web Animation
jQuery
Understand legacy plugin setup, including tools like Slick that depend on it.
Supports Carousels
Contact Instructor
Bring the exact problem, not just "it does not work."
Email qjason@lsu.edu with your repository URL, live URL, what you expected to happen, what happened instead, and one thing you already tried from Common Fixes.