uiCookbook

KO | EN

gitlite — search

#python #golang #android #rust #deep-learning #nodejs #awesome #kubernetes #awesome-list #vue #security #ios #mcp #openai

(★ 21)

Some recipes and build workflows for UI dev

uiCookbook Latest Version Download

Download Latest Version (.zip)

// 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

uiCookbook Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

uiCookbook

uiCookbook Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README