Mountain Lionの中に入ってるApacheとPHPを有効化しつつ、Homebrewを使ってMySQLをインストールするまで
※XcodeとCommand Line Toolsぐらいは入れておかないとだめなはず
システム環境設定から消えてるので以下のコマンドでApache起動
sudo apachectl start
@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" { |
{ | |
"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", |
@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 { |
{ | |
"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, |
これは CSS Programming Advent Calendar 2012 の 21 日目の記事です。がすでに 22 日になってしまいました。ごめんなさい。
7 日目の記事(ドラッグをキメる) で、input
要素の value
の値は「CSS で検知できない」と書きましたが、嘘です。ごめんなさい。
Client-Side Form Validation の仕組みを無理やり使います。
input
の pattern
属性と :valid
, :invalid
疑似クラスで、特定の文字列のみに反応してスタイルを適用できます。