Skip to content

DTC 355: Web Design & Development

CMDC | Washington State University Vancouver

  • Syllabus
  • Class Modules
  • Projects

week 11 – Multimedia and Effects

multimedia
Will LuersAugust 17, 2015October 21, 2019

CSS Grid:

  • CSS Grid Demo
  • Guide to CSS Grid
  • W3Schools CSS Grid
  • CSS Grid by Example

Tabs/Buttons/Breadcrumbs:

  • How to Make a Nav Bar
  • w3schools navbar tutorial

Scroll:

  • Parallax Scroll effect | demo
  • Skrollr / resource
  • smooth-scrolling
  • 20 jQuery Plugins for Scrolling Effects | Code Geekz

HTML5 Audio and Video

JavaScript/jQuery

jQuery

  • jQuery 101
  • jQuery toggle
  • jQuery effects

jQuery and JavaScript Plugins:

  • Lightbox 2
  • Videobox
  • Fancy Box – pop-ups for img, video and html
  • jQuery Gallery Plugins
  • 37 jQuery Gallery Plugins
  • More  jQuery Gallery Plugins

Review Fixed, Relative and Absolute Positioning

  • Positioning example
  • Positioning Zip

Leave a Reply

Your email address will not be published. Required fields are marked *

Pages

  • Blackbird Project
  • Class Modules
  • COVID 19 Schedule (sec1 and sec2)
  • Fall 2020 – COVID-19 Schedule
  • Info Card Assignments
  • Multimodal Narrative Project
  • Narrative Project notes
  • Portfolio Project
  • Recipe Project
  • Schedule 2020 – Section 1
  • Schedule 2020 – Section 2
  • Syllabus
  • Schedule – Fall 2019
  • Blackbird
  • Projects
  • Resources
  • Skrollr
  • Templates
  • Class Notes
Maker theme by ThemePatio