hetemlはrsync使えないからscpで
jekyllの記事をアップするのに、rsyncでデプロイというか同期というかをやりたかったけど、hetemlじゃ使えなかったのでscpで。
jekyllの記事をアップするのに、rsyncでデプロイというか同期というかをやりたかったけど、hetemlじゃ使えなかったのでscpで。
zshではなくなんとなくbashなのだけど、ディレクトリの移動がいつも面倒だなぁとおもってたら、bashmarkっていうディレクトリのブックマークができるものを知る。
http://www.huyng.com/projects/bashmarks/
さっくり導入できました。
via @cssradar
rsyncが2.6.xな感じだったのでアップデート。って、
$ rsync update
は、意味が違うので、簡単な方法を探す。
ERROR: This package must be compiled with GCC,
とかでたら、その通りいGCCを別途いれる。
Xcodeはいってたら大丈夫だという話ではあったけどなぜか無いのでいれた。
(Source: github.com)
ここに書いてあるトラブルまんまのことが発生したので
これまた書いている通り、XcodeのCommand Line Toolのインストールで解決。
なぜ解決するのかいまいちよくわかっていない、っていうひどいアレ
REGZA PHONEでOpera Mini 6でハマった。
今までなぜだか気づかなかったのだけど、AndroidのOpera Miniだと、device-widthにしても320になってくれない。Opera Mobileは大丈夫。ちなみにREGZA PHONEだと280くらいになる。
iPhone版のOpera Miniだと大丈夫なので、Androidだと中途半端なDPIで、その計算がおかしくなっちゃうのかなぁ。まさに今これのせいでハマっているのは、ちょっと横幅大きめなロゴ画像で、これがどうにもヘッダーに収まらなくなってしまった。
一方でwidth=320にしたらどうか、っていうと、それだとなぜかinitial-scaleのコントロールが効くような効かないような感じで、少しズームされてしまう。280に合わせる感じ。
ということでメディアクエリでどうにかする。
Sugarsyncでcode系をバックアップしてたのだけど、なんかのタイミング(たぶん同期が中途半端になってる?)で、ファイル名が大文字になってしまう。
これがCoda、Transmitで区別されるので色々困る。
一番困ったのがSass。Sassのwatchが効かなくなる。
Sugarsyncからcodeは撤退することにした。
あ…ありのまま 今 起こった事を話すぜ!(本当に)
Mobile Webが大好きなデベロッパーに人気の、Mobile Boilerplateのjs/libs/にある、
modernizr-custom.jsっていうのが Win XP + IE8 の環境で謎のエラーを発生させる。
ページにアクセスすると、2回ほどリダイレクトっぽい挙動をして、ロケーションバーが次のようになり、エラーを返す。
res://ieframe.dll/acr_error.htm#hoge
Internet Explorer はこの Web サイトの復元を中止しました。Web サイトに継続して問題が発生している可能性があります。
で、これが実際どういうときに起きるのかというと、今のところ問題なっているのは background周りでのtestが影響してるっぽい。普通のmodernizr.jsでももしかしたらダメかも。
ただこれは絶対発生するんではないかもしれないのでなんともですが、こういうワケわからんことが起きたら疑うべし。
Sassで16進数のをrgbaに変換するやつ。
Fwとかから色抜くときには16進数になるので、CSSでアルファのためにrgbaにするのが面倒だった。そしたらSassにいいのあった。rgba(color, alpha)
rgba(#FF6600, 0.)
だと
rgba(255, 102, 0, 0.1)になる。
みたいな感じ。
WAI-ARIAのLandmarkに role=navigation や role=complementary があるが、それぞれHTML5の nav要素 と aside要素 にかなり近いよう。
となると、いちいち<nav role=navigarion>とするのは疑問。<aside role=complementary>も同様。
ここでまたややこしいところは、nav要素は全部のナビゲーション群にマークアップすべきではない(はず)なので、nav要素ではマークアップしないけど、ナビゲーションであれば role=navigation にするとか…。
<div role=navigation>
<ul><li><a></a></li></ul>
</div>
いやしかし、これはこれでなんでもかんでもナビゲーションでおかしくなりそう。あとLandmarkにはもっと種類があるので、それらを把握して同じnav要素でも違うroleをあてたりするのかな。
とりあえずわかりやすい、role=banner, role=main,role=contentinfo くらいかな。