國語第十三課-1

https://youtu.be/Tea4fa2f8wE

數學第十單元-1

https://youtu.be/N3UdnApVRkM

數學第十單元-2

https://youtu.be/s5u4rSKyAaQ

數學第十單元-3

https://youtu.be/9pbmkud8iQU

生活第六單元-1

https://youtu.be/UJ_YMFWD9aA

sublime Text3 make list

 You can add this in User Keybinding:

{ "keys": ["ctrl+shift+g"], "command": "emmet_wrap_with_abbreviation" },

VS CODE
Ctrl+shift p
wrap
選emmet wrap with abbreviation

如何建立快捷鍵 for emmet wrap with abbreviation?
1. Ctrl+shift p  找到 keyboard 快速鍵
2. 到快速鍵畫面:搜尋abbr 找到  wrap with abbreviation
3. 建立新的快速鍵
Ctrl+W

2020百日草,矮牽牛紀錄

4/5 播種
4/17 小苗
矮牽牛

百日草

ckeditor 外接css

config.js
從根目錄起算

config.contentsCss ='../../dist/css/system.css';

icon font空白被刪掉的問題
CKEDITOR.dtd.$removeEmpty.i = 0;
CKEDITOR.dtd.$removeEmpty.span = 0;

Center scroll horizontally according to active link, 左右滾動選單如何懸停在該位置

https://stackoverflow.com/questions/38206868/center-scroll-horizontally-according-to-active-link

https://www.google.com.tw/search?q=horizontal+scroll+navbar+active+class+right+place&oq=horizontal+scroll+navbar+active+class+right+place&aqs=chrome..69i57.22903j0j7&sourceid=chrome&ie=UTF-8

Masonry images overlapping above each other - 圖片重疊問題

JS部分

  
<script src="https://code.jquery.com/jquery-1.12.4.min.js"  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<!--先放masonjs 再放imgloadjs,才不會黏再一起，此script要放在網頁下面-->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script>
// 啟動 Masonry
var $grid = $('.grid').masonry({
 itemSelector: '.grid-item',
 percentPosition: true,
 columnWidth: '.grid-sizer'
 });
 // 當圖片都下載後才開始布局
 $grid.imagesLoaded().progress( function() {
 $grid.masonry();
});   
</script>
  

HTML部分

  
<div class="grid-sizer"></div>
<div class="grid row" data-masonry='{ "itemSelector": ".grid-item" }'>
     <div class="grid-item col-xs-6 col-sm-4 col-md-4">法語課程</div>
     <div class="grid-item col-xs-6 col-sm-4 col-md-4">法語課程2</div>
</div>

jquery 設定螢幕高度

<script>
      $(document).ready(function () {
          y = $(window).innerHeight() - 463;
          $("#viewport, .item").height(y);
          $(window).resize(function () {
              x = $(window).innerHeight() - 463;
              $("#viewport, .item").height(x);
              $("#eDay").text(x);
          });

      });

    </script>