いまだに、firefoxのfirebugに慣れすぎちゃってchromeに移行出来ないでいます。
ところが最近、console.log();が吐き出されない事があって数時間ハマってから
こりゃもうほんとに乗り換えねばならんね、と思ってたんですけど
Firefox Developer Editionつうのがあると教えてもらいました。
https://www.mozilla.org/ja/firefox/developer/
console.log();バッチリ動く。
まだしばらくfirefoxの厄介になりそうです。
敷居（ルール的な意味で）が高いけどモバイル用ページを超高速で表示する技術？だとか。
参考
モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ
もうhtmlタグの書き方からして違うのね(・д・)
|
1 |
<html ⚡> |
とかカッコいいけど冗談かと思った。
めもめも
https://www.google.com/fonts/earlyaccess
|
1 |
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); |
|
1 |
font-family: 'Noto Sans Japanese', sans-serif; |
今まで使ってこなかったんですが、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+> |
となってしまい、このままでは使い物にならない。
わりと簡単に対応させられました。
|
1 |
/Library/Application Support/Coda 2/Plug-ins/Emmet.codaplugin |
を右クリックして[パッケージの内容を表示]
その中の
|
1 |
/Contents/Resources/snippets.json |
を開く
下の方に
|
1 2 3 |
"kit": { "extends": "html" }, |
を追加
これでおk
ul+を展開して動作確認してみよう。
こちらはcoda2の環境設定から[エディタ＞カスタム言語モード]
テンプレ使えるようになると、作業ファイルが見やすくなっていいですな。
[オブジェクト＞アートボード＞オブジェクト全体に合わせる]
[オブジェクト＞アートボード＞選択オブジェクトに合わせる]
View ＞ Hide Invisible Items
ただ、サイトに埋め込まれてるものはブロックされないようで見れる。
firefoxにContent Security Policyの設定をする場所があるのかなぁ