Twitter Bootstrap Archives - Teaching Newbies Since 2014

Random Web Dev

Custom 401 kitty page

Just having some fun for a component of the kidda chat app

<img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' />

KauressJune 3, 2019

Web Dev

Twitter Bootstrap Simple Hover Buttons

Buttons for a Kickstarter Twitter Bootstrap Theme. See the Pen <a href='http://codepen.io/Kauress/pen/GoExzy/'>Twitter Bootstrap Buttons</a> by…

<img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' />

KauressJanuary 12, 2016

screencasts Web Dev

Code a full width header video AirBnB style

I recently did a tutorial on coding a full width header video like on airbnb.…

<img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' />

KauressDecember 25, 2014

Web Dev

Another Bootstrap Video Header

Another day in the life of a twitter bootstrap project. This one involved a video…

<img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' />

KauressNovember 9, 2014

Web Dev

Twitter Bootstrapping it in a day

Twitter Bootsrap ( aka TB if that wasn't already a sickness!) is great to use.…

<img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' data-srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' height='70' width='70' data-src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Kauress' src='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=70&d=mm&r=g' srcset='http://1.gravatar.com/avatar/144b3eb119e8e1d802215863e5b849e3?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' />

KauressOctober 30, 2014