ShunsukeHirota ShunsukeHirota

## file1.txt
Module parse failed: 〜中略〜 Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.

## gist:e2f407deeee384e0e3a6
img:hover {
  clip-path: polygon(0px 208px, 146.5px 207px, 147px 141.2px, ...);
  animate: star 3s;
}

@keyframes star {
  0% {
    clip-path: polygon(0px 208px, 146.5px 207px, 147px 141.2px, ...);
  },
  100% {

## background.css
background: image position / size repeat attachment {origin clip} color

background: url(image.png) right bottom fixed,
             url(repeat.png) left top / 10px 20px space border-box #000;

## css_resources.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ShunsukeHirota
                / css_resources.md
            
            
              Created
              December 20, 2013 02:04
                — forked from jookyboi/css_resources.md
            
              
                CSS libraries and guides to bring some order to the chaos.
              
          
    Libraries


960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Compass - Open source CSS Authoring Framework.
Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
Font Awesome - The iconic font designed for Bootstrap.
Zurb Foundation - Framework for writing responsive web sites.
SASS - CSS extension language which allows variables, mixins and rules nesting.
Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides


## javascript_resources.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ShunsukeHirota
                / javascript_resources.md
            
            
              Created
              December 20, 2013 02:04
                — forked from jookyboi/javascript_resources.md
            
              
                Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.
              
          
    Libraries


jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
AngularJS - Conventions based MVC framework for HTML5 apps.
Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
lawnchair - Key/value store adapter for indexdb, localStorage


## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## scrollTop, scrollLeft
var x = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft
    , y = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;

## Coffeeでcc_on
_ccon = `/*@cc_on!@*/false`

## gist:7447915
function animationLoop(){
	render();
	requestAnimationFrame(animationLoop);
}
animationLoop();
// 各ブラウザ対応
window.requestAnimationFrame = (function(){
	return window.requestAnimationFrame		||
		window.webkitRequestAnimationFrame	||
		window.mozRequestAnimationFrame		||

## sublime-setting
{
	"auto_complete_size_limit": 8388608,
	"color_scheme": "Packages/Color Scheme - Default/Solarized (Light).tmTheme",
	"detect_indentation": false,
	"draw_white_space": "all",
	"file_exclude_patterns":
	[
		"*.svn-base",
		".DS_Store"
	],
	Module parse failed: 〜中略〜 Unexpected character '@' (1:0)
	You may need an appropriate loader to handle this file type.
	img:hover {
	clip-path: polygon(0px 208px, 146.5px 207px, 147px 141.2px, ...);
	animate: star 3s;
	}

	@keyframes star {
	0% {
	clip-path: polygon(0px 208px, 146.5px 207px, 147px 141.2px, ...);
	},
	100% {
	background: image position / size repeat attachment {origin clip} color

	background: url(image.png) right bottom fixed,
	url(repeat.png) left top / 10px 20px space border-box #000;
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	var x = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement \|\| document.body.parentNode \|\| document.body).scrollLeft
	, y = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement \|\| document.body.parentNode \|\| document.body).scrollTop;
	function animationLoop(){
	render();
	requestAnimationFrame(animationLoop);
	}
	animationLoop();
	// 各ブラウザ対応
	window.requestAnimationFrame = (function(){
	return window.requestAnimationFrame \|\|
	window.webkitRequestAnimationFrame \|\|
	window.mozRequestAnimationFrame \|\|
	{
	"auto_complete_size_limit": 8388608,
	"color_scheme": "Packages/Color Scheme - Default/Solarized (Light).tmTheme",
	"detect_indentation": false,
	"draw_white_space": "all",
	"file_exclude_patterns":
	[
	"*.svn-base",
	".DS_Store"
	],