ホバーで画像を大きくするのまとめ hover img

かこみ要素
.hover_big_img{
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	/*これを書かないと画像がちらつく*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
イメージ
.hover_big:hover .hover_big_img{ 

	
	 -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
	
	}

ちらつくさんこう
https://yumeirodesign.jp/blog/201312/csstransforms_fixed.html

css導入参考

http://raining.bear-life.com/css/css3%E3%81%AE%E3%80%8Ctransformscale%E3%80%8D%E3%81%A7hover%E3%81%97%E3%81%9F%E6%99%82%E3%81%AB%E7%94%BB%E5%83%8F%E3%82%92%E6%8B%A1%E5%A4%A7%E3%81%99%E3%82%8B

ファビコン favicon 流れ

参考http://www.02320.net/apple-touch-icon_for_android/

まず 152×152 png apple-touch-icon.pngを作成

http://ao-system.net/favicongenerator/index.php
ここにアップして
DL

favicon.ico が3種類はいっているのでそれを使う

<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon.png">

こいつをヘッダに
トップディレクトリにファイルをおく

MAMPでファビコンを確認したい場合

/Applications/MAMP/conf/apache/http.conf

Alias /favicon.ico “/Applications/MAMP/bin/favicon.ico”

#Alias /favicon.ico “/Applications/MAMP/bin/favicon.ico”

を込めあ

〒郵便番号自動入力 修正

https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js
廃止により

https://ajaxzip3.github.io/ajaxzip3.js

  <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zip').change(function(event) {
    AjaxZip3.zip2addr(this, '', 'addr', 'addr');
  });
});
</script>

前回の続きで 効率化

コマンド シフト oで 書類
フォルダ作成
コマンド option ドラッグ&ドロップでエイリアス

lessを登録する際エイリアスではだめ

選択 コマンドRで元を表示できるよん

さらに

lessで .class{.class2}

とやった時

.class2がない(消しちゃったり)

すると詳細を教えてくれないバグになって保存できなくなるから注意
@もそうかもしれんで
インポートする倍きおつけて

 

そんでこんぎは

int.less mob.lessとして記述