[Canvas]依據EXIF旋轉照片

  • 5023
  • 0
  • 2016-03-05

摘要:[Canvas]依據EXIF旋轉照片
之前有介紹過使用Canvas來將照片加上濾鏡的效果,可以讓照片有不同的樂趣。另一個會遇到的場景,則是使用Canvas來將橫的或上下顛倒的照片旋轉成正確的方向。

...繼續閱讀 »

[Weinre]使用Browser-Sync中的Remote Debug工具-Weinre

  • 936
  • 0
  • 2016-03-05

摘要:[Tool]使用Browser-Sync中的Remote Debug工具

之前有介紹Browser-Sync這個工具,用來在開發過程中自動刷新頁面。Browser-Sync的功能不僅止於此,他是定位在加快測試的流程,所以也提供了相關的工具。其中一個,就是好用的工具-遠端偵錯(Remote Debug)用的tool-Weinre。

...繼續閱讀 »

[Gulp]讓gulp幫你脫離機器人般的工作

  • 1634
  • 0
  • 2016-03-05

摘要:[Tool]讓gulp幫你脫離機器人般的工作

在前端的開發過程中,目前已經有許多工具,幫助我們提升開發效率,或是網站執行效率等。例如使用JADE製作Template,或是使用CoffeeScript, TypeScript等Script的轉譯語言,以及使用SASS寫CSS。寫完後,又需要將js檔以及css檔進行打包及縮小檔案大小等動作。這些繁瑣且重複的工作,都會讓我們的工作過程中斷,阻礙我們的心流。軟體開發的DRY(Don't Repeat Yourself)的原則,其實也可以套用在做事方法上。這些Repeat的工作,我們就不要重做了,通通交給gulp處理。

...繼續閱讀 »