jQ/jS
Org Chart
Zebra Calendar
Flipper JQ
Animated Divs,etc
Uploader Application
Detects Screen width
Javascript Print Button
Mind Map ➽
Video Body BG ➽
Timed Refresh Page
Accordian 2 ➽
Slide Gallery ➽
Table Sorter ➽
Auto Complete
AJax Beginings ➽
Read More ➽
Display Random Text
Marquee
Count Down
Learn JQuery ➽
Links ➽
Snippets ➽
Expose
Slider
Drop and Drag
Rotate 360
Sticky Nav
Persistant Div
Up Loader App (zip)
Fix element/selector on scroll
Wizards
CSS
Media Screen Wizard ➽
CSS Circle Button
CSS Properties Explained
CSS Vocabulary
Bootstrap References ➽
Icon in LI
Floating Button Bar
CSS Accordian ➽
Custom Fluid Wizard
Multple Columns css
100% Height
Shadows/Radious
Table Styling
Listamatic
100% Background Img
W3 Css Validator
W3 Markup Validator
CSS Reset
Less Wizards ➽
CSS Table Styling
Responsive Menu ➽
Animation
Responsive
Media Screen Wizard ➽
Responsive Youtube
Responsive Images
DW Resposnive CSS ➽
QUICK Responsive Email Wizard
Responsive for DW
Responsive for PHP
Moose Loose Delux Theme ➽
Scroll Thing Theme ➽
responsive table
Misc
Contract Creator
Moose View ➽
HTML5 Fixes
Gradient Image
404
WebED
Forms
Database
SPA Complete
P.I.G.
Vids
;background-image: url("bg.jpg");
;background-image: url("Header.jpg");
;background-image: url("footer.jpg");
Place in style.css
@media screen and (min-width: px) and (max-width: px) {
#container {margin-right:auto;margin-left:auto;width:px;background-color:#cccccc;background-image: url("bg.jpg");}
# {float:left;width:100px;height:100px;padding:0px;background-color:aquamarine}
# {float:left;width:100px;height:100px;padding:0px;background-color::BlanchedAlmond}
# {float:left;width:100px;height:100px;padding:0px;background-color:CadetBlue}
# {float:left;width:100px;height:100px;padding:0px;background-color:coral}
# {float:left;width:100px;height:100px;padding:0px;background-color:cornsilk}
# {float:left;width:100px;height:100px;padding:0px;background-color:crimson}
# {float:left;width:100px;height:100px;padding:0px;background-color:khaki}
# {float:left;width:100px;height:100px;padding:0px;background-color:HotPink}
p{font: 14px "arial"; font-weight: normal; color: #000000}
h1{font: 18px "arial"; font-weight: bold; color: #000000}
}
Place in index.php in the container div
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
Place in style.css for total collapsable device
@media screen and (min-width: px) and (max-width: px) {
#container {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#cccccc}
#footer {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#cccccc}
# {width:100%;background-color:aquamarine}
# {width:100%;background-color::BlanchedAlmond}
# {width:100%;background-color:CadetBlue}
# {width:100%;background-color:coral}
# {width:100%;background-color:cornsilk}
# {width:100%;background-color:crimson}
# {width:100%;background-color:khaki}
# {width:100%;background-color:HotPink}
p{font: 14px "arial"; font-weight: normal; color: #000000}
h1{font: 18px "arial"; font-weight: bold; color: #000000}
ul.menu li {width:100%;margin-top:0px}
ul.menu li a {padding: 3px 0px;font-size: 12px}
}