Javascript, CSS, and HTML demos

Attempting to demonstrate:

• HTML/HTML5
• CSS - CSS3
• JavaScript
  • jQuery
  • jQuery mobile
  • minified.js
  • Ajax

May also play around with Twitter's Bootstrap3.

• http://toledotalk.com/weather/html/wx.html
  • jQuery mobile
  • functioning Toledo area weather Web app

• http://jothut.com/demos/javascript/animate/animate-blocks.html
  • uses minified.js --> http://minifiedjs.com
  • / animate-blocks.css
  • / animate-blocks.js

• http://jothut.com/demos/javascript/animate/animate-blocks-ajax.html
  • uses minified.js --> http://minifiedjs.com
  • / animate-blocks.css
  • / animate-blocks.js
  • /cgi-bin/animate-blocks-ajax.pl

• http://jothut.com/demos/css/media-queries/breakpoint-media-queries.html
  • simple test of text resizing and background color changes for various break points
  • / breakpoint-media-queries.css

• http://jothut.com/demos/css/media-queries/rearrange-boxes.html
  • simple test of resizing browser window and the boxes of text based upon media queries
  • / rearrange-boxes.css

• http://jothut.com/demos/css/menus/list-menu.html
  • media queries, css mouse-over drop-down menu
  • / list-menu.css

• http://jothut.com/demos/css/ordered-list/ordered-list.html
  • formatting of the numbers, comprising the ordered list
  • / ordered-list.css

---

css-javascript-rwd nav menus

http://erickar.be/blog/my-experience-with-navigation-in-responsive-design
https://gist.github.com/erickarbe/4932027

http://css-tricks.com/responsive-menu-concepts/

http://blog.teamtreehouse.com/how-to-build-a-three-line-drop-down-menu-for-a-responsive-website-in-jquery

http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation/
http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/index.html

pure javascript
http://lukaszfiszer.github.io/selectnav.js/

http://www.hongkiat.com/blog/responsive-web-nav/

#javascript - #css - #html