有時候要照別人的設計稿按圖施工,在 Adobe 的軟體裡面,思源黑體的字體樣式是用 Light, Black, Medium…而網頁的 css font-weight 並無這些東西,打 font-weight:black 是顯示不出來的。

版本比較新的 Adobe illustrator 有一個產生 CSS 的工具,外行人的想法就是以為導入一個工具之後就可以解決所有問題,但是有常識的人都知道這種「自動轉換」的東西通常... 繼續閱讀⇢

2018/6 的蘋果開發者大拜拜上發表了 watch OS5,其中有頁簡報,一看就令網頁前端人員大驚失色,手錶竟然可以開網頁了! web 系統開發除了要把所有「人花一秒鐘」判斷的事情都寫成機器邏輯,滿足所有已存在+所有使用者幻想的需求,然後只設計一版畫面,就能把所有的操作介面硬塞在一個小小的螢幕中,在所有裝置正常操作,那麼,現在要針對手錶做調整嗎? 我們先來調查一下 Apple Watch 手錶有多大尾,根據市場研... 繼續閱讀⇢

蘋果在台灣時間 2017 年 9 月13 日發表了 iPhoneX,在此之前,其實許多手機廠商已經都在市面上發售超薄邊框+屏佔比極高+特殊螢幕切割形狀的手機,但是「蘋果出的」這四個字在消費性電子產品市場代表什麼意思,就不多廢話了。

又過了一年,2018 年發生了什麼事呢?

火影忍者的角色-佩恩六道的台詞,準備讓世界迎接痛楚?

更多的 Android 手機廠商推出了更多瀏海螢幕的手機,而 2018 年蘋果發表的新手機,有... 繼續閱讀⇢

繼「這有個簡單的功能,評估一下」,這次是「有個簡單的功能,處理一下」系列,前陣子實作了一個常見的需求「在網頁的輪播廣告,放影片」,在製作時遇到許多細節問題與設計思維,值得寫一篇文章來分享。

(施工前)

(一)、影片只有一種嗎?

本來有圖文混排的輪播廣告,現在多個「簡單的需求」要放影片,起手式要考慮的就是
1.伺服器流量和頻寬問題
2.瀏覽器相容性問題。

小時候看一些虛擬主機,每年幾百塊台幣卻有無限流量、或是每... 繼續閱讀⇢

編譯 SCSS 除了用 Ruby-compass, Koala, Prepros, Dreamweaver CC 2017,還可以用功能也很強大、不會彈廣告、不用錢的 node.js + gulp 或 webpack,但是我覺得網路上的文章都太詳細冗長了,容易嚇壞一堆根本不想寫 code 卻又被逼著寫的視覺設計師。

一直很佩服程式人十分鐘系列,可以把複雜的事情濃縮得比較易懂,也包含一堆關鍵字可以去深究。

不過我就來幾篇三分鐘系列的... 繼續閱讀⇢