mib200’s gists

mib200 / index.haml

Created July 14, 2013 15:40

A CodePen by Noel Delgado. Direction-aware 3D hover effect - After seeing this site http://fitzfitzpatrick.com/ I decided to give a try to the "direction-aware hover effect". My first thought was to do it with a pure CSS, not too late I changed my mind and decided to use JS (I need to sleep anyway). It's kind of simple, using JS we can easily de…

	- @icons = ["happy", "wink", "devil", "wink2", "unhappy", "sleep", "thumbsup", "surprised", "displeased", "angry", "cry", "shoot"]

	%header
	.container
	%h1 Direction-aware hover effect
	%p CSS & bits of JS
	.container
	%ul
	- @icons.each do \|face\|
	%li

mib200 / index.haml

Created July 14, 2013 15:40

A CodePen by Noel Delgado. Direction-aware 3D hover effect - After seeing this site http://fitzfitzpatrick.com/ I decided to give a try to the "direction-aware hover effect". My first thought was to do it with a pure CSS, not too late I changed my mind and decided to use JS (I need to sleep anyway). It's kind of simple, using JS we can easily de…

	- @icons = ["happy", "wink", "devil", "wink2", "unhappy", "sleep", "thumbsup", "surprised", "displeased", "angry", "cry", "shoot"]

	%header
	.container
	%h1 Direction-aware hover effect
	%p CSS & bits of JS
	.container
	%ul
	- @icons.each do \|face\|
	%li

mib200 / ionicVerticalSlideBox.js

Last active August 29, 2015 14:19 — forked from jtomaszewski/ionicVerticalSlideBox.js

	var IonicModule = angular.module('ionic'),
	extend = angular.extend,
	forEach = angular.forEach,
	isDefined = angular.isDefined,
	isString = angular.isString,
	jqLite = angular.element;

	/**
	* @ngdoc directive
	* @name ionVerticalSlideBox

mib200 / .css

Created October 15, 2015 17:04

Pure CSS multiline ellipsis (CSS + SCSS)

	/* styles for '...' */
	.block-with-text {
	/* hide text if it more than N lines */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 3.6em;

mib200 / cloudSettings

Last active June 27, 2020 09:27

vs code settings

{"lastUpload":"2020-06-27T09:27:42.937Z","extensionVersion":"v3.4.3"}

mib200 / gist:3cae46a4020194e35c9c70ed70b9a24d

Created December 24, 2017 06:59

Verifying my Blockstack ID is secured with the address 18M1iZb6RnmrvsxLV8nqU6B3mEnG7gDcvd https://explorer.blockstack.org/address/18M1iZb6RnmrvsxLV8nqU6B3mEnG7gDcvd

mib200 / App.vue

Created March 19, 2018 08:35

A vue mixin to automatically set loading state

	<template>
	<div id="app">
	<button :disabled="loading" @click="triggerAction">Trigger action</button>
	<div v-if="loading">Loading....</div>
	<div v-else>Not loading</div>
	</div>
	</template>

	<script>
	export default {

mib200 / atomsettings.md

Last active April 4, 2018 21:31

automatic update by http://atom.io/packages/sync-settings

This gist contains the settings for Atom

Manish Kumar mib200