Skip to content

DTC 477: Advanced Web Design & Development

CMDC | Washington State University Vancouver

  • Syllabus
  • Class Modules
  • Projects
  • Resources
  • Front-End Development

Skrollr

skrollr
Will LuersAugust 16, 2015October 16, 2017

Overview of   Responsive Skrollr Template  | download zip file

  • skrollr
  • skrollr-github
  • skrollr wiki 
  • skrollr starter template
  • skrollr anchor links: download and link to skrollr.menu.min.js 

Adding scroll count:
HTML:

<div id="scrollCount">0</div>

CSS:

#scrollCount {
position: fixed;
top:100px;
right: 10px;
width: 2em;
padding: 1px;
color: black;
background: white;
z-index: 11;
}

jQuery ($document.ready() at bottom of page):

 $(window).scroll(function() {
var scrollTop = $(window,'html, body').scrollTop();
$('#scrollCount').html(scrollTop);
});

CSS3 Generator
Explore/Read these sites:
The Walking Dead “Zombiefied” An interactive look at zombie makeup in the AMC hit show.
Creating game-style parallax scrolling: Zombie Edition – Dev.Opera

photoshop-sprite-sheet
html5-animation-sprite-sheet-photoshop

Dustin Speer
Ben Steele

 


  • bizbrain.org/coffee/
  • soyuzcoffee.com/ru/home
  • Distance to Mars
  • Snowfall (nytimes)
  • Killing Kennedy
  • A Game of Shark and Minnow – Who Will Win Control of the South China Sea?
  • Jess & Russ
  • Hackers Courted by Government for Cyber Security Jobs – Rolling Stone
  • The Art of FLIGHT
  • Eephus League Magazine
  • FLAT DESIGN vs REALISM
  • Every Last Drop
  • Tell-Tale Heart
  • Women of West Point
  • Olympic Bodies

Leave a Reply Cancel

You must be logged in to post a comment.

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Maker theme by ThemePatio