這一陣子工作上需要使用瀑布流的版型來排版卡片式物件,研究了一下,發現Masonry套件很適合用來達成這個需求。所以紀錄一下學習心得。其實Masonry官網的說明很仔細,而且附帶可操作的範例,花點時間看一下就會使用了。
2016-01-05
[前端工具]瀑布流版型套件-Masonry
- 4729
- 0
- 2016-03-05
這一陣子工作上需要使用瀑布流的版型來排版卡片式物件,研究了一下,發現Masonry套件很適合用來達成這個需求。所以紀錄一下學習心得。其實Masonry官網的說明很仔細,而且附帶可操作的範例,花點時間看一下就會使用了。
摘要:[Tool]使用Browser-Sync中的Remote Debug工具
之前有介紹Browser-Sync這個工具,用來在開發過程中自動刷新頁面。Browser-Sync的功能不僅止於此,他是定位在加快測試的流程,所以也提供了相關的工具。其中一個,就是好用的工具-遠端偵錯(Remote Debug)用的tool-Weinre。
摘要:[Tool]讓gulp幫你脫離機器人般的工作
在前端的開發過程中,目前已經有許多工具,幫助我們提升開發效率,或是網站執行效率等。例如使用JADE製作Template,或是使用CoffeeScript, TypeScript等Script的轉譯語言,以及使用SASS寫CSS。寫完後,又需要將js檔以及css檔進行打包及縮小檔案大小等動作。這些繁瑣且重複的工作,都會讓我們的工作過程中斷,阻礙我們的心流。軟體開發的DRY(Don't Repeat Yourself)的原則,其實也可以套用在做事方法上。這些Repeat的工作,我們就不要重做了,通通交給gulp處理。
摘要:[Tool]使用BrowserSync自動刷新頁面
摘要:簡單介紹npm的使用,以及package.json的好用功能
簡單說明i18Next的使用方式