Finally, our assignment rubric Woo HOO!!!!
Please try to contain your excitement.
Please choose to implement three (3) of the following options:
- A nav that uses Flexbox
- A responsive nav that changes appearance when you resize the browser
- A ‘show/hide’ style nav that uses the :target pseudo-class – an example is on the server
- A nav that uses jQuery to work – examples include the Magic Line nav and the jQuery drop-down nav.
- A drop-down navigation, like this - I’ll make a basic one in class Monday, and there’s one on the server.
A few additional notes:
- The nav shouldn’t ‘go’ anywhere; that is, make your links go to ‘#’
- The nav can (and should) be on a page by itself, i.e. not on the same page as your layouts. You could even make all three nav’s on one page….
- You can use our examples on the server, just be sure to personalize your version so it looks different.
And now, without further ado…
Please choose and implement three (3) of the following options:
- A flexbox layout (either the entire site uses flexbox, or you use a fixed-width container, which has internal elements controlled with flexbox. Versions of each are on the server)
- A horizontal layout – I recommend using the ‘NEWhorizontalScroll’ file as a starting point (on the server)
- A vertical layout that uses a jQuery plugin, like fullpage.js (examples on server), or even a parallax plugin
- A crazy, wacky layout never-before-seen on Earth. I have a (silly, basic) example on the server called ‘fourCorners’
- A full layout that is totally responsive, using media queries.*
A few additional notes on the layouts:
- I don’t care they have content. Some layouts are easier to achieve with content – for example, the mediocre horizontally scrolling pages I showed in class on Wednesday – and some may be easier without content. Totally up to you.
- Your layout can have a navigation, but it doesn’t need one.
- I encourage you to color the different sections so you and I can tell what’s going on
I haven’t decided on a concrete due date – how does ‘any time before Fall Break’ sound?
*We will learn to do this on Monday. This one requires that your layout have content. This is not the same as using a responsive framework, like Skeleton. Please don’t do that for this project, as it’s our next topic in class and we’ll have an assignment for it.