敷居（ルール的な意味で）が高いけどモバイル用ページを超高速で表示する技術？だとか。
参考
モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ
もうhtmlタグの書き方からして違うのね(・д・)
1 | <html ⚡> |
とかカッコいいけど冗談かと思った。
googleが提供しているnoto sansのwebfontを使う
めもめも
Noto Sans Japanese (Japanese)
https://www.google.com/fonts/earlyaccess
1 | @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); |
1 | font-family:'Noto Sans Japanese',sans-serif; |
Coda2でCodeKitのKit Languageを編集する際に、Emmetを有効にする方法。
今まで使ってこなかったんですが、CodeKitにはKit languageという簡易テンプレート機能があるみたいなんです。
https://incident57.com/codekit/help.html#kit
参考
CodeKitの新機能「Kit Language」（2012年12月19日）
CodeKitの隠れた秀才「Kit Language」で効率化を図る（2013年03月27日）
CodeKitのKit Language（2014年12月11日）
（随分昔からある機能なんだな…
if文は使えないけど変数は使えて
拡張子.kitの中に.kitファイル（.htmlも可）をimport(include)して保存すれば
合体した.htmlファイルを書き出してくれます。
使いこなせたら便利そうなんだけど、
困ったことに拡張子.kitのファイル中ではemmetがうまいこと展開されない( ´・_・｀)
例えば
1 | ul+ |
をexpand abbreviationすると
1 2 3 | <ul> <li></li> </ul> |
とならずに
1 | <ul+></ul+> |
となってしまい、このままでは使い物にならない。
.kitでもemmetを有効にする
わりと簡単に対応させられました。
1 | /Library/Application Support/Coda2/Plug-ins/Emmet.codaplugin |
を右クリックして[パッケージの内容を表示]
その中の
1 | /Contents/Resources/snippets.json |
を開く
下の方に
1 2 3 | "kit":{ "extends":"html" }, |
を追加
これでおk
ul+を展開して動作確認してみよう。
ついでに.kitに.htmlのカラースキームを適用させる
こちらはcoda2の環境設定から[エディタ＞カスタム言語モード]
テンプレ使えるようになると、作業ファイルが見やすくなっていいですな。
イラレ、アートボードをオブジェクトサイズに合わせる。
ForkLiftで.htaccessなどの非表示アイテムを表示させる
firefoxでCodePenを開くと[Content Security Policy: ページの設定により次のリソースの読み込みをブロックしました:〜〜]が出まくってソースが実行されないのはなんでだろう
El Capitanにtreeコマンドをインストール
新しいMBPのターミナルからtreeを使おうとしたらtree: command not foundとの事。
自分でインストールしなきゃダメなんでしたっけね。
とはいえhomebrewは先日installしていたので
treeをinstallするだけで簡単に使えました。
以下手順
※homebrewのインストールはここを参考にしました
【Mac】OS X 10.11 El CapitanにHomebrewをインストールする方法 | HWD Blog
アップデートしたEl Capitanに/usr/localが含まれていたら、パーミッションエラーが起こる可能性があるそうなので、パーミッションを変更
1 | sudo chown$(whoami):admin/usr/local&&sudo chown-R$(whoami):admin/usr/local |
その後普通にinstall
1 | ruby-e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" |
treeのインストール
1 | $brew install tree |
そしてバージョン確認
1 | $tree--version |
treeの使い方メモ
1 2 3 4 5 | tree[半角スペース]ツリー構造を書き出したいフォルダ>tree.txt(ファイル名は任意) パラメーター /f各フォルダーのファイル名を表示 /a拡張文字ではなく、ASCII文字で表示 |