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. 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. 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. 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.

Horizontal Menu

 

Thumbnail Grid

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...

Image Bounce

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/

Fancy Box Thumbnail Preview

 

 

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/

 



serialize drag and drop

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/

 



Timeline Portfolio tutorial - http://tutorialzine.com/2012/04/timeline-portfolio/

 



http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/

Privacy Policy & Terms of Use

Copyright © 2024 Millennial Solutions, LLC. All rights reserved.




 
*
Loading
Loading ...