Skip to content

Instantly share code, notes, and snippets.

View haribote's full-sized avatar

KIMURA Tetsuro haribote

View GitHub Profile
@ykhs
ykhs / _linear-gradient.scss
Created September 10, 2012 11:55
linear-gradient Sass Mixin
@mixin linear-gradient($angle, $color-stops...) {
$_angle-with-vendor-prefix: "";
$_angle: "";
@if $angle == "to top" or $angle == "bottom" {
$_angle-with-vendor-prefix: bottom;
$_angle: to top;
} @else if $angle == "to right" or $angle == "left" {
$_angle-with-vendor-prefix: left;
$_angle: to right;
} @else if $angle == "to bottom" or $angle == "top" {
@gaspanik
gaspanik / Fetch.sublime-settings
Last active November 3, 2015 19:24
ST: Fetch files & packages
{
"files":
{
"Chart.js": "https://github.com/nnnick/Chart.js",
"Modernizr.js": "http://modernizr.com/downloads/modernizr-latest.js",
"Normalize.css 1.x": "https://github.com/necolas/normalize.css/blob/v1.1.3/normalize.css",
"Normalize.css 2.x": "https://github.com/necolas/normalize.css/blob/v2.1.3/normalize.css",
"Normalize.css 3.x": "https://raw.githubusercontent.com/necolas/normalize.css/master/normalize.css",
"Respond.js": "https://github.com/scottjehl/Respond/blob/master/dest/respond.min.js",
"Sanitize.css": "https://raw.github.com/ZDroid/sanitize.css/master/sanitize.css",
@gaspanik
gaspanik / mt-lion-amp.md
Created September 30, 2012 14:47
Install: AMP on 10.8.x

Apache+PHP+MySQL(Homebrew) on Mountain Lion

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

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

Mountain Lion 内のApacheを起動

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

sudo apachectl start
@estahn
estahn / _compass-retina-sprites.scss
Created October 5, 2012 00:32
Using Compass to generate normal and retina sprite maps at once
@mixin all-retina-sprites($map, $map2x) {
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
$base-class: sprite-map-name($map);
.#{$base-class}-all-retina-sprites {
@gaspanik
gaspanik / ST2: User-Preferences.sublime-settings
Created November 17, 2012 03:03
ST2: User-Preferences.Sample
{
"bold_folder_labels": true,
// サイドバーのフォルダ名を太字に
"caret_style": "phase",
// キャレットのスタイルを変える。他に「smooth」「blick」「solid」「wide」など
"disable_formatted_linebreak": true,
// Emmetを有効にすると、日本語変換確定後に文字が消えるのを防ぐ
"disabled_single_snippet_for_scopes": "",
// Emmetを有効にすると、HTMLで「php」の展開が「<?php ?>」にならない問題の回避
"draw_minimap_border": true,
@xl1
xl1 / gist:4353507
Last active September 6, 2016 09:25
CSS でフォームの値を読む

CSS でフォームの値を読む

これは CSS Programming Advent Calendar 2012 の 21 日目の記事です。がすでに 22 日になってしまいました。ごめんなさい。

7 日目の記事(ドラッグをキメる) で、input 要素の value の値は「CSS で検知できない」と書きましたが、嘘です。ごめんなさい。

それ実は CSS でできるよ!

Client-Side Form Validation の仕組みを無理やり使います。 inputpattern 属性と :valid, :invalid 疑似クラスで、特定の文字列のみに反応してスタイルを適用できます。

@gaspanik
gaspanik / deregister-open-with-apps.md
Last active December 10, 2015 02:18
OS X: De-Register Open with

De-Register "Open With" Apps

Finderのコンテクストメニューに出てくるアプリの重複を綺麗にする方法。

ターミナルを開いて以下に移動

$ cd /System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchServices.framework/Versions/A/Support

下記のコマンドを実行