Categories
CSS HTML JavaScript

Midterm: WordPress MockUp Exercise Solution Part Four—JavaScript

Now we need to hide some stuff. This will largely involve the adding, removing or (better yet) toggling of classes. We’ll use jQuery here. Search for google hosted jquery. For the widest browser support, copy the link to the latest version 1 stream of the jQuery library. Add it as the src attribute to a script […]

Categories
CSS HTML JavaScript

Midterm: WordPress Page MockUp Exercise

In this exercise, you will build an HTML, CSS, & JavaScript mockup of a magazine-style WordPress theme called Midterm: Here is the first batch of files you need (20MB). This folder has an index file with most of the markup already done. Feel free to add more. Also in this folder is an images folder—the index […]

Categories
CSS HTML JavaScript

JavaScript Shakespeare Exercise

To prepare for this exercise, please do all the exercises at try.jquery.com. Then download the files you need for this exercise. In the downloaded package, you will find a single HTML file, a folder with a single image in it, and a single JavaScript file containing two arrays (one containing Shakespearean adjectives, and one containing […]

Categories
CSS HTML JavaScript

Redunzl: Animation, FlexBox, Backgrounds

This exercise primarily focusses on the use of the FLEXBOX css module for layout. It should also reinforce your understanding of css animation or transitions, and the use of multiple backgrounds. First, download the starter files and screenshots. Since this is an exercise, I have not sized the images down to the final size I would […]

Categories
CSS JavaScript

Transitions—Advanced Exercise

Download the files you will need for this exercise. Inside the folder you download will be a logo file, an HTML file, and a JavaScript file that you will use to trigger the class change that will make the menu transition occur. HAVE TO AMMEND THE EXAMPLE SO THAT THE MENU IS THERE ABOVE THE […]