Home

From time to time we'll get off track and try to turn Jeet into this behemoth framework that does everything for you... y'know... if you do it "our way". That doesn't just sound creepy, it's controlling and really sucks.

In lieu of all that crap, we invite you to enjoy Jeet for what it is - an awesome grid framework with some nice little UI touches. Simple as that.

We can't create better JS plugins than are already out there. I think this is where a lot of frameworks screw up. They try to do everything and lose scope.

Anyway, we don't want to completely leave you hanging on some of the cooler features, so we'll use the Wiki as a reference collection of modern design patterns and JS plugins. Enjoy!

In this page you'll find a bunch of solutions to common design problems solved The Jeet Way.

---

Full Width Background, Centered Content

<header>
    <div>
        
        <img src="logo.png">
        
        <nav>
            <a href="#">Link</a>
            <a href="#">Link</a>
            <a href="#">Link</a>
        </nav>
        
    </div>
</header>

header
    background blue
    > div
        center()

Vertically Centering

• http://tympanus.net/codrops/2013/07/14/justified-and-vertically-centered-header-elements
• http://blog.themeforest.net/tutorials/vertical-centering-with-css/
• http://css-tricks.com/centering-in-the-unknown/
• http://shipp.co/midway/
• http://css-tricks.com/using-flexbox/ (IE10+)

Responsive Hamburger Menu Navigation & Off-Canvas

• http://responsive-nav.com
• http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website
• http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations

Fixed Navigation

• https://github.com/CorySimmons/relatively-sticky