Skip to content

Instantly share code, notes, and snippets.

@oti
oti / easeOutSine-gradient.scss
Created October 12, 2017 04:47
Ease Out Sine Gradient
@function easeOutSine-gradient($color: #000) {
$easeOutSine-gradient: (
// alpha: stop
1: 0%,
0.917: 5.3%,
0.834: 10.6%,
0.753: 15.9%,
0.672: 21.3%,
0.591: 26.8%,
0.511: 32.5%,
@oti
oti / BreadcrumbList.html
Last active January 3, 2017 12:32
BreadcrumbList
<ol class="path" itemscope itemtype="http://schema.org/BreadcrumbList">
<li class="path__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a class="path-link" itemprop="item" href="#">
<span itemprop="name">Home</span>
<meta itemprop="position" content="1">
</a>
</li>
<li class="path__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a class="path-link" itemprop="item" href="#">
<span itemprop="name">Category Top</span>
@oti
oti / webkit-scrollbar.css
Last active November 9, 2019 09:16
::-webkit-scrollbar
/* Webkit
https://jsfiddle.net/oj5x30gx/1/
-------------------------------------------------- */
/* Turn on a 13x13 scrollbar */
::-webkit-scrollbar {
width: 13px;
height: 13px;
}
::-webkit-scrollbar-button:vertical {
background-color: red;
@oti
oti / style.css
Created November 4, 2016 18:55
CSSのプロパティーの書き順(なんとなくやってるやつ)
.class {
pointer-events: none;
box-sizing: border-box;
z-index: 2147483647;
position: fixed;/*fixedやめろ*/
top: 0;
right: 0;
bottom: 0;
@oti
oti / randomInteger.js
Created September 28, 2016 03:32
random integer
function randomInteger(range){
retunr Math.floor(Math.random() * range);
}
// <range> is range of number.
// randomInteger(2) // -> 0 or 1
// randomInteger(10) // -> 0,1,2,3,4,5,6,7,8,9
// randomInteger(100) // -> 0,1,2,...,98,99
@oti
oti / static-share-link.pug
Last active April 1, 2020 13:44
いいね数とか出さなくてよくて、サードパーティーのJSとかも読まなくていい時のシェアリンク
@oti
oti / transmit-ppk-config-memo.md
Last active February 26, 2016 03:54
(S)FTPでサーバー接続の手続きでパスフレーズつきのppkファイルを使えって言われたら~/.ssh/configで設定する

TransmitだとSFTPプロトコル接続時は、パスワード入力欄の右側の鍵アイコンのボタンからppkファイルとかpemファイルを選択して鍵認証することができる。

transmit-use-ppk

鍵ファイルにパスフレーズがかかっていると、上記のGUIでの読み込みだとTransmitはエラーになってしまう。

transmit-use-ppk-has-pathphrase

なので、パスフレーズつきの時は ~/.ssh/config で設定する。

@oti
oti / event-emitter.js
Last active January 23, 2016 08:02
EventEmitter
(function(w, jQ){
var window = w;
var $ = jQ;
var resizeConfig = {
bindSeletor: window,
name: 'resize',
throttle: true,
threshold: 600,
observabled: [
@oti
oti / git_diff_archive.sh
Created December 10, 2015 05:07
gitで差分ファイルを抽出する
# http://qiita.com/kaminaly/items/28f9cb4e680deb700833
# --diff-filter=Dがあると期待通りの抽出ができないのでそれを削除している
function git_diff_archive()
{
local diff=""
local h="HEAD"
if [ $# -eq 1 ]; then
if expr "$1" : '[0-9]*$' > /dev/null ; then
diff="HEAD HEAD~${1}"
@oti
oti / sp-version.js
Last active September 24, 2015 12:01
sp-version.js
var ua = navigator.userAgent.toLowerCase();
var device = {};
function _getVersion(ua, token, delimiter) {
var verArr = ua.split(token)[1].trim().split(/[^\w\.]/)[0].split(delimiter)
return {
major: parseInt(verArr[0], 10) || 0,
minor: parseInt(verArr[1], 10) || 0,
patch: parseInt(verArr[2], 10) || 0