ganapativs

CSS3 Pseudo Sound Bars Two Sides

Two way sound visualization loader

A Pen by Ganapati V S on CodePen.

License.

ganapativs

CSS 3D Profile Pic Hover

CSS 3D animation used in image hover effect. This effect is smooth with Welcome message on hover.

A Pen by Ganapati V S on CodePen.

License.

ganapativs

Tiny Time Loader

SVG Loader animation

A Pen by Ganapati V S on CodePen.

License.

ganapativs

<link rel="import" href="../yt-video/yt-search-video.html">
<link rel="import" href="../topeka-elements/category-icons.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../paper-calculator/paper-calculator.html">
<link rel="import" href="../paper-input/paper-input.html">

<polymer-element name="my-element">

  <template>
    <style>    

ganapativs

RGB to Code

RGB Circle to Code Bracelets transformation using CSS3

A Pen by Ganapati V S on CodePen.

License.

ganapativs

(function () { 
    var root = angular.element(document.getElementsByTagName('body'));

    var watchers = [];

    var f = function (element) {
        angular.forEach(['$scope', '$isolateScope'], function (scopeProperty) { 
            if (element.data() && element.data().hasOwnProperty(scopeProperty)) {
                angular.forEach(element.data()[scopeProperty].$$watchers, function (watcher) {
                    watchers.push(watcher);

ganapativs

var React = require('react');
var events = require('add-event-listener');
var isVisible = require('../isVisible');

var LazyLoad = React.createClass({
  displayName: 'LazyLoad',
  propTypes: {
    distance: React.PropTypes.number,
    component: React.PropTypes.node.isRequired,
    children: React.PropTypes.node.isRequired

ganapativs

* Download and install react developers tool from here - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
* Open egghead lesson's page you want to download, and open console.
* Go to react(Added by react developer tools) tab in console and inspect and search by Component Name <NextUpLessonList> and select.
* Now go to console tab and run: $r.state.list.lessons.map(function(e){console.log(e.lesson_http_url)}) to get lessons list.
* Copy list and convert it to a JS array, like 
  ["https://egghead.io/lessons/tools-intro-to-the-production-webpack-course",
  "https://egghead.io/lessons/tools-validate-your-webpack-config-with-webpack-validator",
  "https://egghead.io/lessons/tools-tree-shaking-with-webpack-2",
  "https://egghead.io/lessons/tools-polyfill-promises-for-webpack-2",
  "https://egghead.io/lessons/tools-maintain-sane-file-sizes-with-webpack-code-splitting",

ganapativs

Loader - funky

A Pen by Ganapati V S on CodePen.

License.

ganapativs

{
  "comment": "This is the settings file for the SVGO Compressor Plugin. For more info, please check <https://github.com/BohemianCoding/svgo-compressor>",
  "pretty": false,
  "indent": 2,
  "plugins": [
    {
      "name": "cleanupAttrs"
    },
    {
      "name": "cleanupEnableBackground"