如何讓網頁上的錨點,產生平滑過渡的效果?

如何讓網頁上的錨點,產生平滑過渡的效果?

這幾年由於行動網頁的崛起,為了適應行動網頁以觸控為核心的瀏覽方式,在製作網頁的時候,會更傾向將過去分成數個頁面的網頁合併成單一頁面,讓使用者在一次的下載後,就看到完整的網站內容,減少在頁面切換時等待下載的時間。只是,這樣的做法也導致網頁長度的增加,使用者在尋找特定區塊的內容時,容易因為過長的頁面而迷失其中。

網站 icon 生成器,一鍵通殺全平台。

網站 icon 生成器,一鍵通殺全平台。

記得早期做網頁的時候,在網站完成後會另外畫一個 16×16 的小 icon,這個小 icon 會出現在網址列及我的最愛中,取代瀏覽器原本的預設 icon,成為一點私人的小特色。但後來由於設備的發展一日千里,手機、平板、iOS、Android、MAC、Windows 等等,每種平台對這些小 icon 接受的大小、格式及規範都有些許不同,如果要個別針對這些平台去製作小 icon 變得有點麻煩,且不一定有相關的設備可以提供測試,這時,該怎麼辦呢?

新鮮人求職該如何透過面試了解一家公司適不適合自己?

新鮮人求職該如何透過面試了解一家公司適不適合自己?

即將到來一年一度的畢業季,其實每年的這個時候,總會在不同的網站或社群入口看到類似求職時該注意哪些事項的文章,像是 Cheers 的「千萬不要在面試時犯下這8大禁忌」,或是經理人的「考前猜題!7大面試問題,你應該這麼答」。對於這類的文章,不否認確實有些幫助,裡面的意見也十分重要。至少對一個社會新鮮人來說,與其惶惶恐恐得去參加面試,還不如先藉由上述的文章去了解一些求職的狀況,讓自己心裡篤定些。只是,這類文章看多了,總覺得好像少了那點什麼?加上自己求職的經驗也不少,有些話不吐不快,文章的立場會比較偏向設計工作者,但大方向對每個行業也通用,提供給即將面臨求職難題的新鮮人參考。

Webfont 的思源黑體終於來了!

Webfont 的思源黑體終於來了!

先前我們介紹 Google Fonts 早鳥方案時,有提到 Google 目前有提供五套中文的 Webfont,當時還有點遺憾裡頭沒有大家注意許久的思源黑體。其實仔細想想,就會發覺標準版的思源黑體不太適合用在目前的網路環境中。因為光一組標準的思源黑體就有 15-16mb 大,如果還要考量提供不同粗細的字體時,字型下載可能就要佔去 40-50mb,以目前的網路條件來說的確有點過大。加上網站行動版本佔整體流量的比重越來越多,40-50mb 的下載量對行動網頁會是很大的負擔!畢竟不是每一位使用者的手機都採用不限流量的網路方案,字型大小與網路流量兩者間勢必要做一些取捨。

如何製作一個吸頂式的選單列

如何製作一個吸頂式的選單列

一個好用的選單系統,可以幫助使用者快速找到所需的內容,如果你經常觀察網頁的趨勢,因該很容易發現許多網站開始將選單列常駐在頁面的頂部,而不會隨著頁面的捲動而消失。這樣的做法可以幫助使用者在切換頁面單元時,不用為了點選選單而去捲動頁面,算是一個很貼心的 UX 規劃。做法也有很多種,從純粹的 CSS 到 Javascript 都有,網路上也有很多現成的範例,下面我們以 On Scroll Header Effects 為例:

電子商務平台那麼多!該怎麼選呢?

電子商務平台那麼多!該怎麼選呢?

電子商務在這幾年發展得非常迅速,尤其在阿里巴巴上市後,算是把這波熱潮推到一個高峰,這也讓很多企業主對於電子商務躍躍欲試。只是往往在了解之後,會發現市場上有很多方案可以選擇,從完全客製化、租用電子商務平台到開放原始碼的產品,從大西洋到太平洋,零零總總不下二三十種,好像每個方案都不錯,但又不清楚適不適合自己的公司。就以成本的角度來說,要自行開發一套電子商務系統所需的費用會過於龐大,人事及維護的成本也會是負擔,對於台灣一般的中小企業來說,存在很深的門檻。其實類似的困難也存在於國外的中小企業主,因此市場也就出現許多圍繞這個問題的解決方案。像是早期很紅的 osCommerce,到近幾年因為 WordPress 而走俏的 WooCommerce,或是提供平台讓第三方租用的 Shopify,都各自有一定的支持。

BuiltWith® 是一個網站分析的工具,只要輸入一個網址,就可以立即知道這個網站使用那些系統來架構。最近他們在自己的部落格公佈 2015 年 1-7 月間全球電子商務平台的數據資料,將市場上電子商務解決方案的市佔率列表出來,如果你現在正為要採用哪個平台而苦惱?或者你是一位獨立工作的網頁設計師,想要找一套開放式的系統,好做為日後接案提供給客戶選搭的方案,也許這份報告可以給你提供一個參考的方向。

2 of 6
123456