mtinra

Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.

If you want to roll up all of these into a single jQuery plugin check out Sharrre

Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.

Twitter

mtinra

//http://stackoverflow.com/a/31558451/4364777

if ( !isNaN(inputVar) && angular.isNumber(+inputVar)) {
    //do somthing...
}

mtinra

#301 Redirects for .htaccess

#Redirect a single page:
Redirect 301 /pagename.php http://www.domain.com/pagename.html

#Redirect an entire site:
Redirect 301 / http://www.domain.com/

#Redirect an entire site to a sub folder
Redirect 301 / http://www.domain.com/subfolder/

mtinra

Facebook

http://www.facebook.com/sharer.php?u=URL

All other data will be fetched from open graph meta tags

<meta property="og:url" content="URL" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Content" />

mtinra

https://github.com/DominikSerafin/vuebar

Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com https://github.serafin.io/vuebar/

mtinra

// Fetch is return promise
// function fetchAlmbums() {
//   fetch('http://rallycoding.herokuapp.com/api/music_albums')
//     .then(res => res.json())
//     .then(json => console.log(json));
// }

// fetchAlmbums();

const fetchAlmbums = async () => {

mtinra

DATABASE_PATH = postgres://user:pass@localhost:5432/dbname

mtinra

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

mtinra

GRID PILE: Stacking CSS Grids for Impossible Layouts

Stacking CSS Grids to resolve lack of sub-grid without flattening HTML source.

A Pen by Morten Rand-Hendriksen on CodePen.

License.

mtinra

AWSTemplateFormatVersion: '2010-09-09'
Description: Cognito Stack
Parameters:
  AuthName:
    Type: String
    Description: Unique Auth Name for Cognito Resources
  API_ID:
    Type: String
    Despription: API Gateway ID