Skip to content

Instantly share code, notes, and snippets.

View deroter's full-sized avatar

shinya deguchi deroter

16 followers · 12 following
  • ふにす
  • 大阪
View GitHub Profile
@shuuheyhey
shuuheyhey / wtm58.md
Created June 16, 2013 13:19
第58回 WEB TOUCH MEETING 『CSS拡張言語、LESSを導入してみる』のフォローアップ

第58回「WEB TOUCH MEETING」

『CSS拡張言語、LESSを導入してみる』のフォローアップ

####スライド

Web上でLESSのコンパイルを試せるサービス

  • LESS→CSSに変換してくれるサービス
    less2css
@gaspanik
gaspanik / yeoman-generators.markdown
Created May 28, 2013 21:45
Yeoman: Generators

Yeoman Generators

  • generator-angular Yeoman generator for AngularJS =sindresorhus =addyosmani =paulirish =btford
  • generator-angular-silex Yeoman generator for Silex based upon AngularJS =adamquadmon 2013-05-08 17:52 0.1.
  • generator-assemble Yeoman generator for Assemble =hariadi 2013-05-03 08:16 0.2.
  • generator-aura Yeoman generator for Aura.js =dotcypress 2013-03-03 15:58 0.0.
  • generator-backbone Yeoman generator for Backbone.js =sindresorhus =addyosmani =paulirish =revath
  • generator-backbone-amd generator-backbone-amd ====================== =abiee 2013-04-02 05:10 0.0.
  • generator-barista Yeoman generator for Barista =trimeego 2013-03-26 17:43 0.2.
  • generator-bbb Yeoman generator for Backbone Boilerplate
@gaspanik
gaspanik / capture.js
Last active November 6, 2018 06:19
Take screenshot at single viewport size using CasperJS
var screenshotUrl = 'http://example.com/'
var casper = require("casper").create({
viewportSize: {
width: 1024,
height: 768
}
});
if (casper.cli.args.length < 1) {
@gaspanik
gaspanik / screenshots.js
Last active December 17, 2015 12:19 — forked from nhoizey/screenshots.js
Take screenshots at different viewport sizes using CasperJS
/*
* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
*
* Original:
* nhoizey / screenshots.js https://gist.github.com/nhoizey/4060568
*
* Usage:
* $ casperjs screenshots.js http://example.com
*/
@mitomex
mitomex / learning_bootstrapunch.markdown
Created April 7, 2013 11:20
Bootstrapunch memo

Bootstrapunch

ソースコードはこちら

Bootstrapunch で Less をいじるときの手順

  1. /bootsrapunch/bower/bootstrap/ディレクトリで、npm installを行う
  2. /bootsrapunch/bower/bootstrap/less/ディレクトリ内の.lessファイルを適宜いじる
  3. いじり終わったら、/bootstrapunch/bower/bootstrap/ディレクトリでmake bootstrapを行う

そうすると、/bootstrapunch/bower/bootstrap/Makefileに記載されているルールに則り、/bootstrapunch/bower/bootstrap/less/にあるファイルが、bootstrapunch/templates/css/に展開される。

@3panda
3panda / blog-2013_03_12-authored-books-on-sale.md
Last active December 14, 2015 19:58
For books that I wrote for the first time

#共同執筆で参加させて頂いた書籍が発売となりました。
昨年の秋頃から参加させて頂いていた「HTML5とJavaScriptによるiPhone/Android両対応アプリ開発ガイド」が本日に発売となりました。

共同執筆と言う形で冒頭の30ページほどではありますが、執筆という貴重な経験をさせていただきました。

#書籍の概要 タイトルから想像できるにように本書は主にWeb技術（HTML,CSS,JavaScript）を利用し
てWebアプリを制作できるようになる事が書籍のゴールです。

私が担当しているのはCHAPTER-01なります。

@konitter
konitter / grunt-plugins.md
Last active December 14, 2015 13:48
Grunt plugins.

Grunt plugins.

※npmから適当に集めただけなのでその辺ご容赦を。0.4系に対応してないのもあるかもやで。

Mar, 2013 edition

###grunt-cli

各種gruntコマンドを実行するのに必要なコマンドラインインターフェース。これが無いと始まらない。

@konitter
konitter / grunt-contrib-livereload.md
Last active December 14, 2015 00:49
Grunt(v0.4.0)でLivereload導入メモ

#Grunt(v0.4.0)でLivereload導入メモ

Grunt(v0.4.0)およびGruntプラグインを使ってLivereloadしてみるメモ。
一見メンドそうやけど、意外と簡単。

##準備

Grunt(v0.4.0)の環境がまだ無い人は、以下を参照。
Grunt(v0.4.0)導入メモ

@konitter
konitter / grunt-roole.md
Last active December 13, 2015 22:19
Grunt(v0.4.0)でRoole自動化メモ

Grunt(v0.4.0)でRoole自動化メモ

第4のCSSプリプロセッサ「Roole」(v0.1.3)をGruntで自動化してみるメモ。
Rooleのgruntプラグインはまだないので、野良タスク（オリジナルのタスク）を作って直接rooleコマンドを叩く。

準備

こんな感じのpackage.jsonをプロジェクトディレクトリに用意。

@konitter
konitter / grunt-start.md
Last active December 13, 2015 22:18
Grunt(v0.4.0)導入メモ

Grunt(v0.4.0)導入メモ

昨日2/18についにGruntの0.4.0がリリースされた。
自分の環境もアップグレードしたのでその導入メモ。

リリース発表の記事はこちら。
Grunt 0.4.0 released - Grunt: The JavaScript Task Runner

インストール