乱雑モックアップ

2016.01.08

IEの後方互換モードにしてやられた

新しいMBPにVirtual Machine (VM), Windows Virtual PC & BrowserStack : Microsoft Edge Dev（旧modern.IEなのか？）からDLしたIE11を入れて表示確認をするとメディアクエリーが死んでた。というかCSSがめちゃくちゃというか。

実機のWin10を出してきて、Microsoft Edgeで表示させるとchromeやfirefoxと同じように意図した表示になってた。
しかしIEで確認するとやっぱりCSSがおかしい。

原因は後方互換モード

何時間か悩んでもさっぱり理由がわからず、そこでやっとF12キー押してみたら、CSSが有効にならない理由が分かりました。
後方互換モードが規定てアホなの？

IE7が規定って…
VBの方も同じ理由でダメだった模様。

一応、headタグ内に…

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

1	<meta http-equiv="X-UA-Compatible" content="IE=Edge">

て書いてあったけど

残念ながらコンディショナルコメントの中にあったから効果がなかったようだ。

 <!--[if lt IE 9]>
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <![endif]-->

<!--[if lt IE 9]>

<![endif]-->

はぁ…もう大失敗…

2016.01.06

【編集中】MBP17-2011lateからMBP15-2015midに乗り換えた時にやったこと（アプリ編）。

年末にインフルエンザで倒れてしまい、
本当は乗り換え作業中にいろんな手順を残しておくつもりだったけど叶わず。
今となってはもう何をしたのか結構忘れてしまっているのだけれど、一応乗り換え作業メモ。

インストールしたアプリと設定

Scroll Reverser for Mac OS X

マウスホイールとタッチパッドのスクロール方向を気持ちよくする。

OSXの設定

finder環境設定

拡張子を表示させたり、デスクトップにHDDなんかを表示させたり

finderを3本指でドラッグさせたい

システム環境設定＞アクセシビリティ＞マウスとトラックパッド＞トラックパッドオプション

2015.12.21

CodeKitを使ってみた

CodeKitなら、Autoprefixerを簡単に使えるようなので試してみることにした。

Autoprefixerは、Can I use…の結果を元にベンダープレフィックスを補ってくれる機能
display:flexみたいな仕様がころころ変わってきたプロパティを使う時など、とても便利。

例えば次の記述は



		
		
			
			

			
			div{
display:flex;
}
			
				
					
				
					1
2
3
				
						div{
display:flex;
}

こんな風に変換される。



		
		
			
			

			
			div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 }
			
				
					
				
					1
2
3
4
5
6
				
						div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 }

今まではgulpを使ってしていたんだけど
それだと、compass準備して、gulpインストールして、package.jsonを用意するか使いまわして、モジュールをインストールして、gulpfile.js書いて、、、とさっと始めるには労力がかかっていたけど
CodeKit2には基本機能としてAutoprefixerが組み込まれてるから、起動したらほぼいきなり書き始められるもんで超絶楽な予感。

ただcompassの追加プラグインなんてのはCodeKitからは追加できたりしないのかしら？
そうなると結局config.rbは自分で編集してターミナルも使う事になりそうだ。