Skip to content

Instantly share code, notes, and snippets.

View sdussaut's full-sized avatar

sdussaut sdussaut

9 followers · 17 following
View GitHub Profile
@Jonarod
Jonarod / RadioBox.vue
Created November 23, 2019 18:23
Simple custom Radio component for Vue.js, compatible with v-model.
/**
* @usage:
*
* <RadioBox label="Foo" value="foo" v-model="MySelectedValue" />
* <RadioBox label="Bar" value="bar" v-model="MySelectedValue" />
* <RadioBox label="Baz" value="baz" v-model="MySelectedValue" />
*
* data(){
* return {
* MySelectedValue: "",
@noopkat
noopkat / mech-keyboard-questions.md
Last active July 31, 2019 08:35
Mech Keyboard Questions to ask yourself
  1. How many keys do you want ie. do you need function keys / cursor arrow keys / numpad?
  2. Do you like loud clicky keys, bumpy tactile, or linear fast to hit keys?
  3. Do you want to be able to swap out switches for different ones or mix / match your switches?
  4. Do you need it to be portable?
  5. Do you want LED lighting?
  6. Do you want to program it with macros to be highly custom?
  7. Do you want USB-c?
  8. Windows or Mac?
  9. Do you want split / ergonomic / ortholinear?
  10. Do you want to use custom / creative keycap sets or keep it OEM?
@c-johnson
c-johnson / .babelrc
Created December 13, 2017 20:09
Simple Gulp setup with Rollup, Babel, JSX, sourcemaps, and livereload
{
"presets": [
["@babel/preset-env", {
"modules": false
}]
],
"plugins": [["@babel/plugin-transform-react-jsx"]]
}
@wadackel
wadackel / easings.css
Created February 4, 2017 04:50
CSS Easings variables
/* Reference by: http://easings.net/ */
:root {
/* sine */
--ease-in-sine: cubic-bezier(.47, 0, .745, .715);
--ease-out-sine: cubic-bezier(.39, .575, .565, 1);
--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
/* quad */
--ease-in-quad: cubic-bezier(.55, .085, .68, .53);
--ease-out-quad: cubic-bezier(.25, .46, .45, .94);
@cure53
cure53 / scriptlet.md
Last active February 1, 2024 19:33
The Scriptless Scriptlet - Or how to execute JavaScript from CSS in MSIE11 without using Scripts

The Scriptless Scriptlet

Or how to execute JavaScript from CSS in MSIE11 without using Scripts

Stop! This text is only interesting for you if you...

  • Like popping alerts in weird situations
  • Miss CSS expressions as much as we do
  • Have an unhealthy obsession for markup porn

Introduction

@ayamflow
ayamflow / gist:b602ab436ac9f05660d9c15190f4fd7b
Created May 9, 2016 19:10
Safari border-radius + overflow: hidden + CSS transform fix
// Add on element with overflow
-webkit-mask-image: -webkit-radial-gradient(white, black);
@Samueleroux
Samueleroux / angle-between-three-points.js
Last active May 4, 2023 05:24
JavaScript: Find the angle between three points. Inspired by conorbuck :https://gist.github.com/conorbuck/2606166 and Lance Roberts : http://stackoverflow.com/questions/1211212/how-to-calculate-an-angle-from-three-points
var p1={
x:0,
y:0
};
var p2={
x:0,
y:1
};
@keijiro
keijiro / transfer.sh
Created December 24, 2015 10:36
Transferring a repository from GitHub to BitBucket.
git clone --mirror https://github.com/keijiro/Foobar.git
git remote set-url --push origin https://keijiro@bitbucket.org/keijiro/Foobar
git push --mirror
@jasonvarga
jasonvarga / my-post.txt
Last active January 1, 2016 15:59
Related entries using Statamic's Suggest fieldtype
--
title: My Post
related_entries:
- /blog/related-post-1
- /blog/related-post-2
---
This is actually your post's md file. I named it txt otherwise Github will try to format it as markdown and it looks funky.
@jasonvarga
jasonvarga / gist:7492322
Last active December 28, 2015 11:19
Bison and Stripe integration
<div id="payment-errors">
{{ bison:checkout_form_errors }}
{{ if missing }}
<p>You are missing the following fields.</p>
<ul>
{{ missing }}
<li>The {{ field_label }} field {{ message }}</li>
{{ /missing }}
</ul>
{{ endif }}