rayfranco

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;

rayfranco

this.el = document.getElementById('video');

var minW = 1024;
var minH = 661;

var onResize = function() {
  var ch, cr, cw, ph, pr, pw, css;
  if (!this.el) {
    return;
  }

rayfranco

Vue.directive('dom', {
  isLiteral: true,
  bind: function () {
    this.vm.$.dom = this.vm.$.dom || {};
    this.vm.$.dom[this.expression] = this.el;
  },
  unbind: function () {
    delete this.vm.$.dom[this.expression];
  }
});

rayfranco

var cushion = .5;
var length = 50;

var dx = point.x - mouse.x;
var dy = point.y - mouse.y;
var da = Math.sqrt(dx * dx + dy * dy);

// Tend à ramener la distance entre les segments à length
var ox = dx / da * length - dx;
var oy = dy / da * length - dy;

rayfranco

Keybase proof

I hereby claim:

• I am rayfranco on github.
• I am rayfranco (https://keybase.io/rayfranco) on keybase.
• I have a public key ASBwJPA-nwT-9R65pbQGalDUaGvb_axj4DaN58MQbTVSVwo

To claim this, I am signing this object:

rayfranco

#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/

rayfranco

azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN<>,?!;.:/=+*$€£1234567890-_@#&'""`%()[]<>éèêçàùÉÈÊÇÀÙ

rayfranco

Inline SVG with Nuxt

I was looking for a SSR and scoped styles ready solution to implement inline SVG with Nuxt

You need svg-inline-loader and xmldom to be installed.

rayfranco

module.exports = (string) => {
    return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
}

rayfranco

import SubfolderComponents from './subfolder'

export default {
  components: {
    // This will add all components in subfolder
    ...SubfolderComponents
  }
}