This project changes the copy in the headline and subhead in several ways using jQuery. First on page load, then when the user clicks a button. And again after some text and background animation.
Download this codeSee the Pen Jquery manipulation by Chris Shults (@christoa88) on CodePen.
This code detects the width of the browser and runs the corresponding jQuery. Refresh the browser to see the background color of paragraph text change to either yellow if it is over 800px, or blue if it is under 800px. Note that the codepen embed has a max-width, so download to see the results.
Download this codeSee the Pen Responsive Jquery by Chris Shults (@christoa88) on CodePen.
I use this base code a bunch and seem to have to recreate it all the time, so thought I’d make it easy to snag. It’s html 5 starter code with jQuery, a Google font and starter javascript.
Download this codeSee the Pen Basic html 5 starter code by Chris Shults (@christoa88) on CodePen.