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
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");background-size: 100%;}
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
Place in style.css for total collapsable device
@media screen and (min-width: 0px) and (max-width: 479px) {
#container {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#ffffff}
#header {width:100%;background-color:#ffffff;height:106px;background-image: url("header.jpg");background-size: 100% 95%;background-repeat: no-repeat;}
#footer {width:100%;background-color:#ffffff;height:53px;background-image: url("footer.jpg");background-size: 100% 95%;background-repeat: no-repeat;}
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}
img{width:100%;height:100%; margin-left: auto; margin-right: auto}
}
#container {background-image: none;}