Code Demos and Examples - www.dottedi.biz

Editing, Administration and Image Management

• Datatables (basic)
• Datatables 2 (Sortable - Editable - uses non DataTables hacks)
• Add/Delete Table Row (Simple add/edit/delete table rows)
• Complex Page Editing (including textarea) (Save not working correctly for tags, checkboxes)
• Serialized ajax post
• Summernote - simple formatting editor  (includes file upload)
• jquery-multiple-file-upload - drag/drop

Bootstrap Navbar (menu/navigation)

• Bootstrap Navigation Styling Options - nifty
• Bootstrap Navbar Fixed After Scroll
• Bootstrap Shrinking Navbar

Galleries, Video, Lightboxes

• panzoom/
• wall gallery styles compared (good/bad variations on mixed-proportion images in galleries
• Swap image gallery

Section Dividers & Box Dividers

• fancy-dividers
• slanted-box
• slanted-boxes (variant)
• stripes

Matchheight

• matchheight-alt-blocks
• matchheight+background-image

Middle Vertical Alignment

• middle-alignment with background image

CSS3 styling images with creative hover effects

• Ming - another nifty hover effect
• Oscar effect gallery and lightbox

Horizontal spotlights and call to action buttons

• style 1
• style 2
• style 3
• style 4
• style 5
• style 6

Forms (Contact and other)

• modal style contact form from ReusableForms
• custom modal contact form
• serialized form post

Bootstrap Modal

• bootstrap modal - load data from external file

Various

• elegant-box group with text on background image
• calendar
• centered-logo+txt
• like-this
• graphics-html-character-codes
• webgraphics-font-awesome-glyphicons-icons
• displaying device-size
• diagonal-corners
• retina-ready (not ready yet