yusufthedragon

<div class="wrapper">
    <a href="https://facebook.com/sharer/sharer.php?u=https://markodenic.com" target="_blank" rel="noopener">
        <img src="https://s.svgbox.net/social.svg?ic=facebook&amp;fill=4267B2" height="40" width="40" alt="Facebook">
    </a>

    <a href="https://twitter.com/intent/tweet/?text=Check%20this%20fantastic%20website&url=https://markodenic.com" target="_blank" rel="noopener">
        <img src="https://s.svgbox.net/social.svg?ic=twitter&fill=1da1f2" height="40" width="40" alt="Twitter">
    </a>

    <a href="https://www.tumblr.com/widgets/share/tool?posttype=link&title=Check%20this%20fantastic%20website&caption=https://markodenic.com&content=Check%20this%20fantastic%20website&canonicalUrl=https://markodenic.com&shareSource=tumblr_share_button" target="_blank" rel="noopener">

gaearon

class Spiderman {
  lookOut() {
    alert('My Spider-Sense is tingling.');
  }
}

let miles = new Spiderman();
miles.lookOut();

jeromecoupe

"use strict";

// Load plugins
const autoprefixer = require("autoprefixer");
const browsersync = require("browser-sync").create();
const cp = require("child_process");
const cssnano = require("cssnano");
const del = require("del");
const eslint = require("gulp-eslint");
const gulp = require("gulp");

HoldOffHunger

https://www.facebook.com/sharer.php?u={url}
https://www.facebook.com/dialog/share?app_id={app_id}&display={page_type}&href={url}&redirect_uri={redirect_url}
https://reddit.com/submit?url={url}&title={title}
https://twitter.com/intent/tweet?url={url}&text={title}&via={user_id}&hashtags={hash_tags}
https://www.linkedin.com/sharing/share-offsite/?url={url}
https://api.whatsapp.com/send?phone={phone_number}&text={title}%20{url}
https://www.tumblr.com/widgets/share/tool?canonicalUrl={url}&title={title}&caption={text}&tags={hash_tags}
http://pinterest.com/pin/create/button/?url={url}
https://www.blogger.com/blog-this.g?u={url}&n={title}&t={text}
https://www.evernote.com/clip.action?url={url}&title={title}

thomasmb

<?php

add_filter( 'gform_tabindex', '__return_false' ); 

matthewbeta

/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/

@mixin scrimGradient($startColor: $color-black, $direction: 'to bottom') {

  $scrimCoordinates: (

JoeSz

/*
 * http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport/26039199#26039199
 */
function isElementPartiallyInViewport(el)
{
    //special bonus for those using jQuery
    if (typeof jQuery !== 'undefined' && el instanceof jQuery) el = el[0];

    var rect = el.getBoundingClientRect();
    // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 }

nunomorgadinho

# Install brew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

# Install composer
brew install homebrew/php/composer

### PHPCS
composer global require "squizlabs/php_codesniffer=*"

# Add to your .bash_profile

petertwise

<?php
 /**
  * Create a Google Calendar "add to calendar" link.
  *
  * This function is convienient because it does not require an API connection.
  * Note that this only allows for adding a single event.
  * The data does not have to exist already on any Google Calendar anywhere.
  * This just adds your event data to the end-users GCal one item at a time.
  * See https://stackoverflow.com/a/19867654/947370 for a full explaination of
  * the Google Calendar URL structure.

davidofwatkins

Google Fonts suggests syncing fonts to your computer with a tool called SkyFonts. However, if you're running MacOS and want to keep your machine updated with all Google Fonts without any extra software, you can do this with Git, thanks to the Google Fonts Repo.

To do this, run the following in your terminal:

cd ~/Library/Fonts/
git clone --depth 1 https://github.com/google/fonts.git google-fonts

Done! In the future, you can download new fonts by running: