2017年1月20日 星期五

https://4.bp.blogspot.com/-Q0QY13E_FFU/WIHc-VtO7YI/AAAAAAAAGKc/iL4ZaS0IfuI8HFYFEXQuMc8gW7p3Ya5ZACLcB/s640/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7%2B2017-01-20%2B%25E4%25B8%258B%25E5%258D%25885.48.17.png

[人生無限公司]購票倒數計時


「人生無限公司」巡迴演唱會是我開始看五月天以來,第一場的全新巡迴演唱會。在開始售票的前兩天,我製作了一個售票時間的倒數計時器

其實,這並不是我第一次製作演唱會相關的倒數計時器(好像很喜歡倒數計時?)過去我也曾為九場的 Just Rock It Re: Live 復刻演唱會製作倒數網頁,不過那時候的技術不純熟,做出來的東西不是很好看,在這邊就不多著墨了。

這次製作的人生無限公司倒數計時,雖然有點慢才推出,但也是下了很多功夫在視覺設計上。身為一個平面/UI設計師,未受正式網頁設計教育的人,要從頭靠代碼寫出一個網頁是要花一點時間上網學習的。

還記得我從幾個月前開始研究HTML、JavaScript與CSS,回首看看初期連容器特性都不瞭解時做出來的成品,有點不堪入目。這次人生無限公司的網站算是我已經有稍微熟練時的作品,整個網頁沒有半張圖片檔,全純文字的實現所有文字特效,也是第一次在我的作品裡套用上Jquery,也為了外觀的一致,套用了許多網頁字體,整體效果還算有符合我自己的標準。


網站底部的資訊是我花最多時間製作的,要做出自動貼齊瀏覽器底部的物件還真要花很多時間研究啊。最後的網頁成品沒有在手機上排版跑掉,縮放時也算勉強能看,我想有時間應該要來研究一下自適應網頁了。

等待購票倒數結束,演唱會開演的倒數也會接著上線。


很高興這次能看到大家對倒數計時器給出很多好評價,也感謝分享計時器的大家,希望這計時器有幫助到你們計時,祝真心想看演唱會的人都能買到票。

我也希望我這次可以買到記名區的門票啊!

--
更新(1/27)

最後我是如願買到記名票了(A7搖滾區),今天(1月27日)相信音樂也公佈加場,計時器也換上了加場購票倒數...