開發 HTML5 網站頁面加速的幾個要點:dns-prefetch & prerender

網站開發可以大方向的分前端與後端,而其前端使用者體驗這回事中「速度」又更是貫穿核心的議題。 因為網站設計(開發),真的不是一個門檻高的專業,所以大部分的情況會是前端寫好套後端,至於速度很慢? 後端的問題!伺服器要加強!網路速度要快! 不能說錯也不能說正確,但絕不是一個良好的合作情境。 前端比你想的還 …

HTML5 download 屬性與 JavaScript 控制下載檔案事件

下載是網站中常見的操作,但操作體驗基本款為「開啟一個新頁面,然後開始下載」,而前端工程為了帶來更好的體驗效果當然不能這樣把一個操作流程帶往到新頁面後這邊就結束,所以掌握好操作動向的 UX 設計在這部分就會有一些挑戰。 有些時候你想要PDF與一些圖檔是使用下載方式操作,但卻觸發瀏覽器去嘗試讀取,也可能 …

[WordPress] 開發常用外掛工具箱 v1.2.0

繼上次太長標題的首發版v.1.1.0後,這次改版也順便把名稱取短一點(汗) 本次 v1.2.0 版更新上了 themeforest 的購買清單讀取與操作 針對明確「主題」與「外掛」有下載安裝的機制,而「其他」類就是純下載,手動安裝。 為何會有明顯是 WordPress 外掛但卻顯示在「其他」這點可能 …

WordPress 開發常用外掛(plugin)整理的批次下載外掛 v1.2.8

這標題實在有點繞口 先前整理好一份「WordPress 工作上常用外掛資訊整理」的文件,但自己每次要對照著看來安裝一定覺得很煩XD 出自於懶還要更懶的勤勞想法,再加上 WordPress 4.6 之後也有改良安裝行為採 AJAX 非同步 方式,這點實在大大的改善裝一個外掛要跳好幾個頁面的困擾,不然滑 …

Serverless 框架搭配 AWS Lambda 實作練習筆記

Serverless 使用版本:1.0.0-rc.2 這點要先提的原因是框架還在開發中,這版本已經與之前的版本也有不少差異,但似乎簡化不少。 Serverless 的概念是把專案重點強調在開發實作,而非複雜的管理,網站標語也是滿清楚的描述「Build more, manage less」,不是減少伺 …

[WordPress] 工作上常用外掛資訊整理

內容目錄1 Getting Started1.1 主要項目1.1.1 Post Type (新型態)類1.1.2 Capabilities (權限)類1.1.3 頁面客製化 類1.2 常見項目1.2.1 聯絡表單 類1.2.2 活動事件 類1.2.3 發信與訂閱 類1.2.4 WooCommerce …

WooCommerce 訂單超商付款 – 付款期限已過 問題

前幾天碰到的怪問題,客戶下單後沒多久訂單被自動取消,檢查了一下金流也沒問題,後來找到這篇文章「“Unpaid order cancelled – time limit reached” in WooCommerce」 原來是 WooCommere 有個保護庫存的機制,避免結帳時間過長導致商品被佔用而 …

歐付寶(綠界)物流 API 介接

九月九號那天因法規,歐付寶要將原合併的綠界又再拆出來處理各自的專業業務,現在兩邊網站可以說是長的根本就一樣,只有配色風格不同啊XD 來寫文紀錄一下 對於沒能跟各大超商談物流的小眾賣家,找整合服務高的金、物流第三方合作對象也是滿常見的,歐付寶在這塊提供的如新聞連結: 歐付寶推出『金、物流整合All i …

JavaScript 跨頁面呼叫控制文件的方法

最基本與常見的做法就是 AJAX ,但那屬於等事件回傳再繼續該行為的操作,所以, 如果要先等新請求完成後才能繼續的動作該如何解決? 同頁面的情境,下遮罩阻擋控制,等回應後繼續(AJAX常見解決辦法) 不同頁面情境,因Dom已經重載,除了 JSONP 做法就是 Server Side 包 Sessio …

Google Adsense 申請 – 廣告空白待審核的時間點

想想當初寫Blog的時候還覺得那種滿篇都廣告的網站實在不是很喜歡,還曾給自己叮嚀不能這樣荼毒讀者XD 但隨著時間過去現在人也習慣看看廣告,藉此接收新訊息,上網習慣也有所改變。 但今天要準備開始申請Google Adsense聯播網廣告的想法也不是因為如此,而是讓自己在廣告上的經驗再完整一點! 看著文 …

文章
Filter
Apply Filters
Mastodon