簡易JS Instagram hashtag牆

在API還未流行之時,開發人員不用申請戶口就可以使用如Google Map或Instagram的API call。今日做research時發現原來有方法可以回到從前,只用URL就可以讀取Instagram指定hashtag的最新帖文JSON。

方法其實很簡單,只要瀏覽:

https://www.instagram.com/explore/tags/cats/?__a=1

就可以讀取#cats最新帖文的JSON檔。以下就用Javascript做了一個小小的Instagram帖文牆。

See the Pen Latest IG posts with specific hashtag by Terry Tong (@terrytongcc) on CodePen.dark

橫向Social Media貼文牆

普遍的Post Wall例如Facebook或者Pinterest都是直向的,之前有人問我可以做橫向的Post Wall嗎?於是花了點時間做了這個prototype。

上面的按鈕用來控制停止或開始出現新的Post以及產生的速度。

這種Layout作為呈現資訊的一種方式也有它的實際用途,而反常的佈局(直向->橫向)亦可以帶來新鮮感,引人注意。

一個有趣的試驗。

See the Pen Horizontal Social Media Feed by Terry Tong (@terrytongcc) on CodePen.dark