uiCookbook

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 21 Open GitHub ↗

Some recipes and build workflows for UI dev

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# uiCookbook

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

## Video

*   [/video](/video)

## Custom Scrollbar

*   [/scrollbar](/scrollbar)

## Range Slider

*   [/range-slider](/range-slider)

## Multi Filter

*   [/multi-filter](/multi-filter)

## Webpack Boilerplate

*   [/webpack](/webpack)

## Form Recipes

*   [/form](/form)

## Lory Carousel Recipies

*   [/lory](/lory)

## CSS Toggle

*   [/csstoggle](/csstoggle)

## Smooth Scroll

*   [/smoothscroll](/smoothscroll)

## Slick Carousel Responsive slidesToShow Recipe

*   [/slick](/slick)

[more info](https://jimfrenette.com/2019/04/slick-carousel-responsive-slides-to-show/ "Blog post")

## Sidebars Toggle

*	[/sidebars](/sidebars)

CSS Flexbox with Sidebars Toggle [more info](https://jimfrenette.com/2018/09/css-flexbox-with-sidebars-toggle/ "Blog post")

## Photogrid

*	[/photogrid](/photogrid)

Flexible photogrid with Slick slider in lightbox

## Sass and cssnano

*	[/sass-cssnano](/sass-cssnano)

Sass Workflow Using cssnano and Autoprefixer [more info](https://jimfrenette.com/2018/01/webpack-3-sass-cssnano-autoprefixer-workflow-2/ "Blog post")

## Google Maps API

* 	[/geocode/gmap-vue](/geocode/gmap-vue)

Vue and Webpack version

* 	[/geocode/gmap-webpack](/geocode/gmap-webpack)

Webpack version converted from the Browserify version below
    [more info](https://jimfrenette.com/2017/03/google-maps-api-with-webpack/ "Blog post")

* 	[/geocode/gmap-browserify](/geocode/gmap-browserify)

Browserify version [more info](https://jimfrenette.com/2016/03/google-maps-api-with-browserify/ "Blog post")

* 	[/geocode/gmap-rjs](/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](https://jimfrenette.com/2015/11/googlemap-requirejs/ "Blog post")

## Handlebars with Browserify

*   [/hb-browserify](/hb-browserify)

This code uses the [hbsfy](https://github.com/epeli/node-hbsfy) precompiler plugin for Browserify to compile [Handlebars](http://handlebarsjs.com/) templates into javascript.

## Easy Browsersync Server

*   [/easybs](/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.

uiCookbook

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README