Pens from Suraj kc https://codepen.io/suraj-kc/ en nospam@codepen.io Copyright 2024 2019-04-23T06:12:09-07:00 portfolio https://codepen.io/suraj-kc/pen/pBOyRb https://codepen.io/suraj-kc/pen/pBOyRb Suraj kc

See the Code - See it Full Page - See Details

]]>
portfolio 2019-04-23T06:12:09-07:00
Vuetify Example Pen https://codepen.io/suraj-kc/pen/dapGjW https://codepen.io/suraj-kc/pen/dapGjW Suraj kc

See the Code - See it Full Page - See Details

]]>
Vuetify Example Pen 2019-01-29T08:32:48-07:00
Bootstrap Button Toggle (On/Off Switch) https://codepen.io/suraj-kc/pen/ebRKwe https://codepen.io/suraj-kc/pen/ebRKwe Suraj kc

See the Code - See it Full Page - See Details

Working on a client project that will be using Bootstrap, and needed to build a toggle/switch that came in a couple different sizes. I wasn't seeing that as a built-in option within Bootstrap, and I didn't really like the ones already out there that I found from a quick search (I didn't want to use a plugin, just wanted it to utilize Bootstrap's built-in JS), so I decided to make my own. This example is just using the default "Quick Add" Bootstrap CSS & JS, no added/custom JS on my part, I've simply utilized Bootstrap's buttons.js Single Toggle method (http://getbootstrap.com/javascript/#buttons) and added some custom styling (LESS).

]]>
Bootstrap Button Toggle (On/Off Switch) 2018-12-26T05:41:51-07:00
D3 v4 Multi Line Chart https://codepen.io/suraj-kc/pen/JmEMXm https://codepen.io/suraj-kc/pen/JmEMXm Suraj kc

See the Code - See it Full Page - See Details

]]>
D3 v4 Multi Line Chart 2018-10-09T07:30:53-07:00
rap learn design sample https://codepen.io/suraj-kc/pen/MBVMXO https://codepen.io/suraj-kc/pen/MBVMXO Suraj kc

See the Code - See it Full Page - See Details

]]>
rap learn design sample 2018-08-02T05:48:17-07:00
raplearn-design https://codepen.io/suraj-kc/pen/OwvYKe https://codepen.io/suraj-kc/pen/OwvYKe Suraj kc

See the Code - See it Full Page - See Details

]]>
raplearn-design 2018-08-02T04:55:57-07:00
hexagon outline https://codepen.io/suraj-kc/pen/zaJyVo https://codepen.io/suraj-kc/pen/zaJyVo Suraj kc

See the Code - See it Full Page - See Details

]]>
hexagon outline 2018-06-26T17:51:13-07:00
rap-learn-1 https://codepen.io/suraj-kc/pen/GGXMLR https://codepen.io/suraj-kc/pen/GGXMLR Suraj kc

See the Code - See it Full Page - See Details

]]>
rap-learn-1 2018-06-26T17:59:17-07:00
rap-learn-3 https://codepen.io/suraj-kc/pen/mKGMRq https://codepen.io/suraj-kc/pen/mKGMRq Suraj kc

See the Code - See it Full Page - See Details

]]>
rap-learn-3 2018-06-28T08:42:16-07:00
rap-learn-2 https://codepen.io/suraj-kc/pen/PadpMV https://codepen.io/suraj-kc/pen/PadpMV Suraj kc

See the Code - See it Full Page - See Details

]]>
rap-learn-2 2018-06-26T10:47:25-07:00