Skip to content

Instantly share code, notes, and snippets.

View nasum's full-sized avatar
🏠
Working from home

Masaya Nasu nasum

🏠
Working from home
View GitHub Profile
@nasum
nasum / jsdoit.css
Created February 5, 2014 08:38
forked: scroll:hiddenの要素の中をtranslateで動かす
div#contents{
width : 200px;
height : 200px;
overflow : hidden;
background-color : gray;
margin-left : auto;
margin-right : auto;
}
div#next{
background-color:red;
@nasum
nasum / README
Created February 12, 2014 07:48
2014-02-12 1st
jQueryのDeferredの練習。
@nasum
nasum / deferredTest.js
Last active May 12, 2019 10:45
jQueryのDeferredで並列処理を直列処理 ref: https://qiita.com/nasum/items/7c0e04f647ffdad1e5bc
exec1().then(exec2).then(exec3);
function exec1(){
var def = new $.Deferred();
//ajaxの処理と仮定
setTimeout(function(){
$('div#content').append('<p>exec1</p>');
def.resolve();
},3000);
@nasum
nasum / test.scss
Created February 25, 2014 01:01
blockレベル要素をinlineにしたときに生じる隙間をなくすCSS ref: http://qiita.com/tomato360/items/da206b73da34ab510c84
div#container {
letter-spacing: -.40em;
div {
display: inline-block;
letter-spacing: normal;
}
}
@nasum
nasum / jsbin.tebuy.js
Last active August 29, 2015 13:57
オブジェクトの中身によって配列をソートする関数
var object = [
{
"first" : 1,
"second" : 2
},{
"first" : 2,
"second" : 2
},{
"first" : 2,
"second" : 1
@nasum
nasum / README
Created April 3, 2014 04:30
2014-04-03 1st
#角丸の枠の中に幅100%の要素を入れるときの注意
角丸の枠の中に幅100%の要素を入れると中の要素が枠を突き破ってしまうので、overflow:hiddenではみ出した要素を消してやる必要がある。
@nasum
nasum / README
Created April 6, 2014 02:21
:first-childと:last-childのCSSが設定されていたとき要素が一つの場合どうなるか
#Q:first-childと:last-childのCSSが設定されていたとき要素が一つの場合どうなるか
A:跡の方が優先され、:last-childの内容が:first-childを書き換える。
@nasum
nasum / file0.js
Created June 13, 2014 09:41
Grunt+jasmine+requirejsでテストする ref: http://qiita.com/tomato360/items/b8250025e98c043203ca
jasmine: {
// プロパティ名はテストケース名
sample: {
// このテストケースでテストするファイルの指定
// 一気に指定するとエラーが大量に出るのではじめは1ファイルずつのほうがいいかもしれない
src: 'src/**/*.js',
options: {
// テストケース
specs: 'spec/*Spec.js',
// ヘルパー
@nasum
nasum / README
Created June 16, 2014 01:46
高さ100%でヘッダーフッターありのWebページ
#高さ100%でヘッダーフッターありのページ
@nasum
nasum / file0.txt
Created June 20, 2014 07:42
Android標準ブラウザで要素をタップしたときに出る枠を消す ref: http://qiita.com/tomato360/items/cafaefa689d07f2bc545
body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}