KUBOKI Hiroshi littlebusters

Apache+PHP+MySQL（Homebrew） on Mountain Lion

Mountain Lionの中に入ってるApacheとPHPを有効化しつつ、Homebrewを使ってMySQLをインストールするまで

※XcodeとCommand Line Toolsぐらいは入れておかないとだめなはず

システム環境設定から消えてるので以下のコマンドでApache起動

sudo apachectl start

CSSもモジュラー開発の時代だからこそ、知っておきたいディレクトリ構成の例。Sassを使った例ではあるが、LESSでもStylusでも同じことは実現できる。このあたりの構成についてはかなり考えたがこれは結構よく出来ている。これをベースに今の構成を見直そう。

JavaScriptのモジュールデザインパターンを著者の好きな形式を詳しく見ていきながら解説。短いながら利点を明確にして解説してあるので、是非。

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

こんにちは。今回は現実逃避を兼ねて Jade の素晴らしさをお伝えしたいと思います。

[Jade][0] は JST (JavaScript Templates) の一つであり、HTML を書くための[軽量マークアップ言語][1] である [Haml][2] に影響を受けた JavaScript テンプレートエンジンでもあります。

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

	<!-- example for the http://retinafy.me ebook -->

	<style>
	div.rss {
	background: url(rss.svg);
	width: 32px;
	height: 32px;
	}

	body.no-svg div.rss {

	/*
	* 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
	*/

	/* Flatten das boostrap */
	.well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border-collapse: collapse !important;
	background-image: none !important;