敷居（ルール的な意味で）が高いけどモバイル用ページを超高速で表示する技術？だとか。
参考
モバイルウェブが爆速に！ 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/Coda 2/Plug-ins/Emmet.codaplugin |
を右クリックして[パッケージの内容を表示]
その中の
|
1 |
/Contents/Resources/snippets.json |
を開く
下の方に
|
1 2 3 |
"kit": { "extends": "html" }, |
を追加
これでおk
ul+を展開して動作確認してみよう。
ついでに.kitに.htmlのカラースキームを適用させる
こちらはcoda2の環境設定から[エディタ＞カスタム言語モード]
テンプレ使えるようになると、作業ファイルが見やすくなっていいですな。
イラレ、アートボードをオブジェクトサイズに合わせる。
イラストレーターのアートボードサイズをオブジェクトに合わせる方法
[オブジェクト＞アートボード＞オブジェクト全体に合わせる]
[オブジェクト＞アートボード＞選択オブジェクトに合わせる]
ForkLiftで.htaccessなどの非表示アイテムを表示させる
View ＞ Hide Invisible Items
firefoxでCodePenを開くと[Content Security Policy: ページの設定により次のリソースの読み込みをブロックしました:〜〜]が出まくってソースが実行されないのはなんでだろう
ただ、サイトに埋め込まれてるものはブロックされないようで見れる。
firefoxに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文字で表示 |