HTML 強制超連結下載檔案

現在的瀏覽器都很聰明,當網頁超連結的內容是純文字檔、PDF、CSS File 時,瀏覽器會很聰明的在瀏覽器預覽而不是下載,但有時候我們希望使用者直接下載而不是在瀏覽器檢視,例如之前到 jQuery 的官網下載 jquery.js 時,都會變成預覽,需要按右鍵另存新檔,但其實我的目的很明確是要下載檔案而不是檢視呀!

閱讀全文 HTML 強制超連結下載檔案

解決 HTML Anchor 內文被選單遮住的問題

HTML 的 Anchor 錨點功能十分方便,當網頁過長時可以透過 Anchor 讓訪客快速的移到指定段落,這樣的手法在許多技術文件、部落格都有出現,如果你看到類似 https://coder.tw/?p=123#section1 的網址就是應用 HTML Anchor 的特性,這樣的特性雖然方便卻也帶來一些問題,最常見因為網頁最上方有浮動選單,當訪客點擊 Anchor 連結進到網頁後,雖然瀏覽器有自動捲到指定章節,但卻有部分文字被選單遮住,我始終很煩惱這問題,今天恰好在閱讀 Facebook 技術文件時發現他們的解法蠻不錯的。

閱讀全文 解決 HTML Anchor 內文被選單遮住的問題

How to Prevent JS Input onFocus Event Fire After Page onFocus

最近的工作是在網站中置入 Google Analytics 的使用者事件追蹤程式碼,我透過 HTML Event 的做法將程式碼掛在 Input 上面,只要使用者點擊特定的欄位、按鈕就會發送一筆記錄到 Google Analytics,這樣的做法沒有什麼問題,但我發現當使用者點擊 Input 欄位後如果切換到其他網頁(Chrome Tabs),當使用者在切換回我的頁面(Page onFocus)時,Input onFocus 事件卻被自動觸發了!

閱讀全文 How to Prevent JS Input onFocus Event Fire After Page onFocus

Zen Coding 幫助你快速開發網站的好東西,喜歡手寫網頁的人必備~

我想應該很多人都跟我一樣,寫網頁時不喜歡用DW直接拉介面,而是喜歡開啟Notepad直接撰寫HTML吧~ 這種方法的好處是可以磨練自己XD 但是壞處卻是開發速度有點慢(其實習慣這種方式之後速度比DW還要快…XD) 今天要跟大家介紹Zen Coding,他可以讓你的寫網頁速度加快N倍!你可以直接用CSS語句的方式寫網頁~

閱讀全文 Zen Coding 幫助你快速開發網站的好東西,喜歡手寫網頁的人必備~