Spring 2024 ︎︎︎ Purchase College, SUNY ︎︎︎DES2460
WEB replit links
Web 01︎
(re)Introduction to CSS/HTML and working with repl.it
Week 02︎
Here we talked about strategies for centering elements, block vs inline, and the “box model” (adding padding and margins to elements)
Web 03︎
Here we talked about “floating” elements to produce more complex layouts (ie multiple columns) and combining different CSS classes for more dynamic styling.
Web 04
(the below code examples are based on individual student feedback but should have relevance for the class)
CSS rotation animation︎
CSS fade in animation with delay︎
Javascript Audio (on page “click”)︎
WEB replit links
Web 01︎
(re)Introduction to CSS/HTML and working with repl.itWeek 02︎
Here we talked about strategies for centering elements, block vs inline, and the “box model” (adding padding and margins to elements)Web 03︎
Here we talked about “floating” elements to produce more complex layouts (ie multiple columns) and combining different CSS classes for more dynamic styling.Web 04
(the below code examples are based on individual student feedback but should have relevance for the class)CSS rotation animation︎
CSS fade in animation with delay︎
Javascript Audio (on page “click”)︎