2019年5月23日 星期四

[Adobe XD] 在手機上預覽 prototype

Adobe XD 在做 prototype 上真的很方便,我們可以在電腦上預覽並操作,那如果想在 app 上直接看操作的結果,可以試試這個方法。

1. 首先將 prototype 發佈到網站上



2. 發布後可以看到一個線上的連結,把這個連結複製後用手機打開



3. 打開後就可以操作了,如果在 iOS 上想要操作的時候看不到上下的導覽列,可以按下面分享的按鈕然後選擇加入主畫面




4. 可以取一個名字方便辨識



5. 接著點開已經存到桌面的 icon 即可



Read more

2019年5月21日 星期二

js 列出日期區間並排除其中的特定日期

如果想要處理時間方面的問題,可以使用 moment.js 這隻 plugin,然後用下面的方法寫就可以了。

var excludeDates=['2019-01-17','2019-01-22', '2019-1-25'];
    function getDates(startDate, stopDate, excludeDates) {
        var dateArray = [];
        var currentDate = moment(startDate);
        var stopDate = moment(stopDate);
        while (currentDate <= stopDate) {
            let currentDateString=moment(currentDate).format('YYYY-MM-DD');
            if(!excludeDates.includes(currentDateString)){
                dateArray.push( moment(currentDate).format('YYYY-MM-DD') )
            }
            currentDate = moment(currentDate).add(1, 'days');
        }
        return dateArray;
    }
    dates=getDates(new Date('2019-01-15'),new Date('2019-01-28'), excludeDates);
    console.log(dates)
Read more

2019年5月19日 星期日

2019年5月16日 星期四

2019年5月11日 星期六

2019年5月9日 星期四

2019年5月8日 星期三

如何在 facebook 上播放無限循環的 gif 動畫

facebook 開放 gif 動畫後,常常會看到一些有趣的可以無限循環播放的 gif,但 facebook 本身還是沒辦法上傳 gif,所以想要使用這個效果的話,可以先到 GIPHY 這個網站。

GIPHY 網站連結

右上角有一個上傳的按鈕,這個網站可以不用登入就能使用上傳功能。


之後選擇上傳的方式


上傳完成後再分享到 fb 就好了
Read more

2019年5月7日 星期二

Templated- 超過 800 個免費 HTML5, CSS 跟 RWD 版型下載

要做網站的時候對於設計版型或是 RWD 覺得煩惱嗎? Templated 是一個目前已經有超過 800 個版型,而且包含 RWD 的免費版型下載網站,只要在裡面挑選一個你喜歡的版型,完全免費! 而且還可以商用喔,心動不如趕快來看看。

網站連結: Templated



使用方法很簡單,只要選擇喜歡的版型直接下載,也可以先預覽看一下實際的效果和 RWD 的變化,許多版型都還有生動的互動效果,看完喜歡再下載就可以了。


或許比較可惜的只是沒有辦法選擇風格或搜尋,但慢慢逛慢慢看也是一種樂趣就是了。
Read more

2019年5月6日 星期一

Related Posts Plugin for WordPress, Blogger...