読者です 読者をやめる 読者になる 読者になる

monaurallab

モノラルラボ

Chrome Developer Tool のフォントサイズを大きくする

Chrome の Developer Tool では ⌘- でフォントサイズを小さくできますが、大きくするショートカットがパッと見つからなかったのでメモ。

⌘^ で、フォントサイズを大きくすることができます。

(他のエディタでよくある ⇧⌘- とか ⇧⌘; とかのショートカットを色々ためしてはうーん、ってなってたので……)

なお、元のフォントサイズに戻すのは ⌘0 で。

Glyphicons などのアイコンフォントを CSS の before とかで表示させる

アイコンフォントの表示のさせ方。

たとえば Twitter Bootstrap にも入っている Glyphicons とかだと空の span 要素にクラスつけて表示させる感じですね

<span class="glyphicon glyphicon-map-marker"></span>

それを CSS だけでやりたい場合。フレームワークが吐き出す html に、CSS の after やら before やらで差し込みたい場合とか。

.sample:before {
    font-family: 'Glyphicons Halflings';
    content: "\e062";
}

こんなかんじでいけました。

markdown で数字付きリストを書くとき、2行目以降の行頭は "-" でもよかった

markdown で 数字付きリストを書くやりかた

素直に書くとこうなる。行頭に 数字とピリオドをつけていく。

1. あいうえお
2. かきくけこ
3. さしすせそ

ただ、リスト内の順番が入れ替わったりしたときに、いちいち数字を変えてられない。
行頭の数字は別に連番でなくてもいい。全部 1. でも、ちゃんと表示時に連番にしてくれる。

1. あいうえお
1. かきくけこ
1. この書き方でも連番で表示される

ここまでは知ってたんだけど、以下は今日はじめて知ったのでメモ。

1行目だけ 1. にしておけば、2行目以降はふつうのリストと同じように行頭に - でもかまわない。ちゃんと数字付きリストが続いてくれる。

1. あいうえお
- かきくけこ
- さしすせそ

出力例

  1. あいうえお
  2. かきくけこ
  3. さしすせそ

なるほどー

PHPカンファレンス関西、参加されるみなさんのPHP経験年数は?

このブログは「PHPカンファレンス関西」リレーブログです。
PHPカンファレンス関西」の開催日までリレー方式でブログを繋いでいきます。
一つ前のブログは sigesabaさんのブラよろで学ぶPHPカンファレンス関西2014でした。

 

続きを読む

GitHub のコードを embed できるサービス gist-it

gist のコードは簡単にブログに貼れるけど、GitHubリポジトリ内のコードはどうやって貼るのがいいのかな、とググってみたら出てきたサービス "gist-it"

gist-it.appspot.com - Embed files from a github repository like a gist
http://gist-it.appspot.com/

scriptタグを貼るだけらしいです

たとえば GitHub のコードのアドレスが https://github.com/matsuoshi/wp-small-archives/blob/master/small-archives.css なら、こんなかんじ

<script src="http://gist-it.appspot.com/github/matsuoshi/wp-small-archives/blob/master/small-archives.css"></script>

さっそくやってみた

おー

かんたんだー

「開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質」をちょっとずつ読んでるけど、毎日開眼している

まだ読みかけなんですが、いいですねこの本。
タイトルが「開運!なんでも鑑定団」みたいだけど、ほんとに開眼するわ。

開眼!  JavaScript ―言語仕様から学ぶJavaScriptの本質

開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質

内容は章ごとに以下のような感じに分かれていて、

  • オブジェクトについて
  • function() について
  • this について
  • スコープとクロージャ
  • prototype プロパティ

今まで「なんとなく」で使ってた JS の独特な仕様が、きちんと文章とコードで説明されててスッキリする感じです。 (いかに自分が「なんとなく」でしか理解していなかったか、という話でもある)

JavaScript 入門者向けというよりは、他の言語は知ってて JS 独自のクセを知りたい人に向いてる内容かなと思います。

foundation 5 の CDN

foundation 5 の CDN、これが公式なのかな、ドメインが zurb.com だしそうだよね

<link href="//cdn.foundation5.zurb.com/foundation.css" rel="stylesheet"/>
<script src="//cdn.foundation5.zurb.com/foundation.js"></script>

※ foundation は、Twitter bootstrap みたいな CSS フレームワークのひとつ

広告を非表示にする