uiCookbook icon indicating copy to clipboard operation
uiCookbook copied to clipboard

Some recipes and build workflows for UI dev

uiCookbook

Here is a list of the recipes. Ordered by date added descending.

Video

  • /video

Custom Scrollbar

  • /scrollbar

Range Slider

  • /range-slider

Multi Filter

  • /multi-filter

Webpack Boilerplate

  • /webpack

Form Recipes

  • /form

Lory Carousel Recipies

  • /lory

CSS Toggle

  • /csstoggle

Smooth Scroll

  • /smoothscroll

Slick Carousel Responsive slidesToShow Recipe

Sidebars Toggle

  • /sidebars

    CSS Flexbox with Sidebars Toggle more info

Photogrid

  • /photogrid

    Flexible photogrid with Slick slider in lightbox

Sass and cssnano

  • /sass-cssnano

    Sass Workflow Using cssnano and Autoprefixer more info

Google Maps API

  • /geocode/gmap-vue

    Vue and Webpack version

  • /geocode/gmap-webpack

    Webpack version converted from the Browserify version below more info

  • /geocode/gmap-browserify

    Browserify version more info

  • /geocode/gmap-rjs

    location inputs populated by google maps api when the marker is repositioned. no key required.

    RequireJS version (the original version of this gmap proof-of-concept) more info

Handlebars with Browserify

  • /hb-browserify

    This code uses the hbsfy precompiler plugin for Browserify to compile Handlebars templates into javascript.

Easy Browsersync Server

  • /easybs

    An HTML 5 Template with a NPM package config to install a minimal set of development tools including a Browsersync server and Gulp task runner.