P
A
G
E
H
E
I
G
H
T
A
D
J
U
S
T
M
E
N
T
http://designshack.net/articles/css/5-simple-and-practical-css-list-styles-you-can-copy-and-paste/
Create a Chapter 1 demo idea.
When you start a new chapter, new keywords are introduced to your queue
click once to get the top fact about the object. (Gorlify God, build character) (+1 pt.)
click a second time to go to the page and read an article about it (+1pt)
these keywords are added to your collection.
End of Chapter questions to fill out? What would you do in this situation?
Default images when no image available. (star?)
1.11.2013
start button and box for the different books to read.
Jquery
have image fade to full color using a transition
have an html element move positions on the page when clicked
have an element change it's state when clicked (display something else)
rotate an image (acorn perhaps)
do the thing where an image oves on rollover
thumbnail preview
Jquery selectable
Jquery effects
Collect Keywords
Photo Tour
Vocab Definitions
hover over thumbnail, get full size image popup beneath the thumbnail
How would I like to be able to check off completion of some educational material? text change on click?
Educational Material to teach:
Figures of Speech
Shakespeare
KJV
Language Arts
best solutions for: Q&A, comparison table, thumbnail image view, quotes, images within the flow of the text, forms
HTML Scrolling effects: come up with idea for how to use on house site - http://css-tricks.com/fancy-scrolling-sites/
create a browser requirement page
idea: what if your website Master style changed to match the image that was currently being hovered over - 1.14.2013
Big Ordered List
- 1.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.
- 2.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur.
- 3.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur.
Thumbnail List
-
Headline
Lorem ipsum dolor sit amet...
-
Headline
Lorem ipsum dolor sit amet...
-
Headline
Lorem ipsum dolor sit amet...
-
Headline
Lorem ipsum dolor sit amet...
Snippets
idea* - design an excellent form. use these best practices on Announcement Submission
create planet orbit effect
CSS Shapes
Transition effect to move SNED to your collection when clicked (Idea for Mom’s book project)
http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/
FancyBox - Free for personal or non-profit websites. Fee for commercial websites
http://fancyapps.com/fancybox/
http://css-tricks.com/forums/discussion/21173/jquery-popup-gallery-click-image-to-open-gallery-with-other-images/p1
http://jsfiddle.net/kevin11189/uZCC6/1270/
JQuery single page website - http://www.jqueryrain.com/2012/12/how-to-make-a-single-page-website-in-jquery/
circle view - http://www.jqueryrain.com/?dCoKvoNQ
http://fredhq.com/projects/roundabout/
orbit
Page Flip - http://www.jqueryrain.com/2012/12/flippage-turn-pages-of-your-divs/
To edit this text, click the pencil button to the right.
Use the mouse to reposition and resize the text area.
50 Useful & instructive CSS3 Tutorials you always wanted to complete from 2012 - http://www.1stwebdesigner.com/tutorials/css3-tutorials-2012/
http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/