Skip to content

Instantly share code, notes, and snippets.

View gunjanpatel's full-sized avatar

Gunjan Patel gunjanpatel

42 followers · 20 following
View GitHub Profile
@gunjanpatel
gunjanpatel / 01-README.md
Last active June 12, 2023 01:12
JQuery plugin to observe appearance of the element. Intersection observer using jquery.

Usage

$('#observeMe').appearanceObserver({
    onAppeared: function () {
        // I am appeared callback
    },
    onDisappeared: function () {
        // I am disappeared callback
    }
});
@gunjanpatel
gunjanpatel / IntersectionObserver.js
Last active May 8, 2021 05:03
Sticky Add to cart button for product page Using Intersection Observer - This will show add to car button when native button will be disappear.
document.addEventListener("DOMContentLoaded", function () {
var productCartButton = document.querySelector('.product-cart'), stickyAddToCartButton = document.querySelector('.sticky-add-to-cart'), previousTop = 0;
if ("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype) {
let productCartButtonObserver = new IntersectionObserver(function (entries, observer) {
entries.forEach(function (entry) {
let addToCartButton = entry.target,
showstickyAddToCartButton = (entry.boundingClientRect.top < previousTop && entry.boundingClientRect.top < 0);
if (showstickyAddToCartButton) {
@gunjanpatel
gunjanpatel / flags.twig
Created April 12, 2018 14:24
Flag icon css svg
This file has been truncated, but you can view the full file.
{% macro icon() %}
<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
<symbol id="flag-icon-css-ad" viewBox="0 0 640 480">
<path fill="#d0103a" d="M0 0h640v480H0z"/>
<path fill="#fedf00" d="M0 0h435.2v480H0z"/>
<path fill="#0018a8" d="M0 0h204.8v480H0z"/>
<path fill="#c7b37f" d="M300.4 136.6c7.7 0 10.9 6.6 18.6 6.6 4.7 0 7.5-1.5 11.7-3.9 2.9-1.6 4.7-2.5 8-2.5 3.4 0 5.5 1 7.3 4 1 1.6 1.8 4.9 1.3 6.7a40 40 0 0 1-2.7 8.3c-.7 1.6-1.3 2.5-1.3 4.2 0 4.1 5.6 5.5 9.4 5.6.8 0 7.7 0 12-4.2-2.3-.1-4.9-2-4.9-4.3 0-2.6 1.8-4.3 4.3-5.1.5-.1 1.3.3 1.7 0 .7-.3.4-1 1-1.4 1.2-1 2-1.6 3.6-1.6 1 0 1.6.1 2.5.7.4.4.6.8 1 .8 1.2 0 1.8-.8 3-.8.9 0 1.4.2 2.3.6.6.3.6 1.5 1.4 1.5.4 0 2.4-.9 3.5-.9 2.2 0 3.4.8 4.8 2.5.4.5.6 1.4 1 1.4a6.2 6.2 0 0 1 4.8 3c.3.4.7 1.4 1.1 1.5.6.3 1 .2 1.7.7a6 6 0 0 1 2.8 4.8c0 .7-.3 1.6-.5 2.2-1.8 6.5-6.3 8.6-10.8 14.3-2 2.4-3.5 4.3-3.5 7.4 0 .7 1 2.1 1.3 2.7-.2-1.4.5-3.2 2-3.3 2 0 3.7 1.5 4 3.6a4.5 4.5 0 0 1-.3 1.8 9.6 9.6 0 0 1 4-1.4h1.9c3.3 0 7 1.9 9.3 3.8a21 21 0 0 1 7.3 16.8c-.8 5.2-
@gunjanpatel
gunjanpatel / backdrop-gradient-css
Last active April 11, 2018 09:06
Photoshop Generic backdrop gradient CSS3
.bg-gradient {
/* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: -moz-linear-gradient(bottom, rgb(230, 230, 231, 1) 0%, rgba(255,255,255,0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(bottom, rgb(230, 230, 231, 1) 0%,rgba(255,255,255,0) 70%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgb(230, 230, 231, 1) 0%,rgba(255,255,255,0) 70%);
@gunjanpatel
gunjanpatel / php-syntax-error.sh
Created March 19, 2018 07:52
Find php syntax error on current directory
find . -type f -name "*.php" -print0 | xargs -0 -n 1 -P 8 php -l | grep -v 'No syntax errors'
@gunjanpatel
gunjanpatel / bootstrap-card-gradient.css
Created February 13, 2018 13:03
Bootstrap 4 Card Gradient CSS trick
.card:after {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}
@gunjanpatel
gunjanpatel / docker-cleanup-resources.md
Created December 20, 2017 10:55 — forked from bastman/docker-cleanup-resources.md
docker cleanup guide: containers, images, volumes, networks

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

@gunjanpatel
gunjanpatel / .bash_profile
Created December 8, 2017 13:52 — forked from natelandau/.bash_profile
Mac OSX Bash Profile
# ---------------------------------------------------------------------------
#
# Description: This file holds all my BASH configurations and aliases
#
# Sections:
# 1. Environment Configuration
# 2. Make Terminal Better (remapping defaults and adding functionality)
# 3. File and Folder Management
# 4. Searching
# 5. Process Management
@gunjanpatel
gunjanpatel / background-animation.css
Created October 29, 2017 10:34
CSS Background Animation
background: linear-gradient(324deg, #664c24, #3a6624, #313dc9, #7b55cf);
background-size: 800% 800%;
-webkit-animation: AnimationName 11s ease infinite;
-moz-animation: AnimationName 11s ease infinite;
-o-animation: AnimationName 11s ease infinite;
animation: AnimationName 11s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
@gunjanpatel
gunjanpatel / gist:4d7abaa273e73a6cc6678d7f8a3300c6
Created July 11, 2017 09:06 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue: