Skip to content

Instantly share code, notes, and snippets.

@fand
fand / no-japanese.js
Last active June 1, 2016 10:51
日本語禁止するESLintルール
/**
* @fileoverview Rule to forbid writing Japanese
* @author amagitakayosi
*/
"use strict";
var path = require('path');
//------------------------------------------------------------------------------
@paulirish
paulirish / what-forces-layout.md
Last active April 30, 2024 17:56
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
@maepon
maepon / jquery.easing.forbrowserify.js
Last active August 27, 2015 01:30
jquery.easing.forbrowserify.js
/*
* jQuery Easing v1.3.2 - http://gsgd.co.uk/sandbox/jquery/easing/
* Open source under the BSD License.
* Copyright © 2008 George McGinley Smith
* All rights reserved.
* https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
*/
// Edit by Masayuki Maekawa ( https://github.com/maepon )
@voter101
voter101 / Gulpfile.js
Last active November 29, 2021 01:17
Gulpfile for Rails application with replaced Sprockets with Gulp
'use strict'
var gulp, sass, babelify, browserify, watchify, source, util;
gulp = require('gulp');
sass = require('gulp-sass');
babelify = require('babelify')
browserify = require('browserify');
watchify = require('watchify');
source = require('vinyl-source-stream');
@hashrock
hashrock / npmbenri.md
Last active August 20, 2023 05:54
npmで入る便利ツールまとめ

npm -gでインストールしたり、npm scripts内から使えそうなツールのまとめ

nodeプロセスマネージャ

開発時にリスタートしてくれる用途のものも含む

  • pm2
  • forever
  • node-dev
  • nodemon
@mizchi
mizchi / フロントエンドを楽にするために.md
Last active December 14, 2023 11:57
フロントエンドを楽にするために

フロントエンドを楽にするために

Qiitaを支えたい技術 at 時雨祭

About

  • HN: mizchi
  • Qiitaの方からきました(入社半年たったらしい)
  • Reactオジサンはそろそろ飽きてきた
  • Angularに興味が無いのでこっちにきた

プログレッシブ・エンハンスメントで未来をデザインする

この記事はFrontrend Advent Calendar 2014 - Qiita 10日目の記事です。

プログレッシブ・エンハンスメントは単にJavaScriptをオフにしているユーザのサポートをするか、否かという意味ではありません。
(ちなみに、Gov.ukによると1.1%のユーザはJavaScriptを利用していない、もしくは利用できないという調査結果となっています)
もちろん、古いブラウザに対するアプローチだけでもありません。

デスクトップ、ラップトップ、スマートフォンやタブレット、そしてスマートウォッチなど、今では多くのデバイスにブラウザが搭載されています。

@mizchi
mizchi / 「フロントエンドデベロッパー面接時の質問事項」への解答.md
Last active February 15, 2024 21:29
「フロントエンドデベロッパー面接時の質問事項」への解答
@mitomex
mitomex / fnsws03.md
Last active November 15, 2015 13:40
Sketch 3

ふにセミ Sketch 3

Sketch 3

基本操作(知っておくと便利なもの)

  • 選択ツールがない。操作を選択していない状態が選択ツール
  • 各操作のショートカットをもう一回押せば、操作の解除になる
  • グループ化すると、左カラムでフォルダとして表示される
  • グループ化解除は、フォルダの外に出せば良い
@gaspanik
gaspanik / installed.markdown
Last active September 3, 2017 06:11
ST3: Installed package list on my Sublime Text 3.

Installed packages

Installed package list on my Sublime Text 3. Exclude Themes and ColorSchemes.

2016.02.29 update

  • AdvancedNewFile
  • All Autocomplete
  • AndyPHP
  • AngularJS