HTML 強制超連結下載檔案

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

繼續閱讀 HTML 強制超連結下載檔案

CSS Inner Border – 內框線

這次在設計個人入口頁時因為想做出內框線(Inner Border)的效果,學到一種很聰明的寫法,提到 CSS Inner Border,直覺肯定是想到用 padding 或 margin 把盒子撐大,但其實這樣是行不通的,當你把盒子撐大時,框線也會跟著移動,無法做出內框線的樣式。

繼續閱讀 CSS Inner Border – 內框線

第一次在 GCP Storage 放置靜態網頁就上手

想要在 Google Cloud Storage 放置靜態網頁卻不知從何下手嗎?每次把檔案放到 Google Cloud Storage 分享給朋友還要按「公開」很麻煩麻?  這幾天因為工作需求研究了下,最開始以為只要設定好 Domain 並將檔案共享就可以了,研究後才知道還有許多小撇步,例如每次上傳檔案都要設定公開實在麻煩,其實可以設定上傳到指定 Bucket 預設都公開,甚至還可以設定 Index、404 頁面的預設檔案名稱,甚至一直以為無解的 SSL 問題,官方也提示了不錯的解法!

繼續閱讀 第一次在 GCP Storage 放置靜態網頁就上手

WoW Tainan 窩。台南 背包客棧 – 台南青年旅館推薦

這次去台南玩,原先想去住上次體驗很棒的承億輕旅,但沒想到清明連假的台南真的是一床難求,不過剛好,讓我有機會能認識窩 台南 WoW Tainan 這麼棒的背包客棧,也算是意外之喜吧哈哈! 窩 台南 是一間十分在地的背包客棧,室內的設計十分有趣,這也是我很喜歡窩台南的主要原因,在走廊閒晃,總能發現一些有趣的壁畫,即使再累都會想要把整棟逛過一遍,搜集各式各樣的壁畫,此外相關的設備一應俱全,對背包客十分友善!

繼續閱讀 WoW Tainan 窩。台南 背包客棧 – 台南青年旅館推薦

該如何有效率的約時間?

約時間,是每個人都會遇到卻又十分麻煩的事情,每次約時間總是要來回交涉好幾次,才能找到大家都可以的時間,每個人都有各自的事情需要忙,有的人要打工,有的人要上課,要想找到一個人人滿意的時間實在不容易;過去我參與學生會時累積了一些關於約時間的經驗在這分享,也希望大家如果有更好的方式別吝嗇分享!!

繼續閱讀 該如何有效率的約時間?

善用 Google 行事曆讓你輕鬆和朋友客戶約時間!

約時間,是一門學問!每次信件往返喬開會時間時,總會希望能夠把行事曆直接寄給對方,讓對方直接選擇它可以的時間,乾淨利落!想著想著總覺得強大的 Google 應該有這類功能才對呀! 研究後果不其然,Google 日曆可以讓你以網址形式分享行事曆給任何人,並將所有的行程都匿名成「忙碌」,對方只能看到你該時段有事情,但無法得知該行識背後的任何資訊(內容、時間、參與者等等)。

繼續閱讀 善用 Google 行事曆讓你輕鬆和朋友客戶約時間!

貼心為背包客想的高雄青年旅館 – 旅悅 Dwell Hostel

每次住青年旅館,我最困擾的就是眼鏡、手錶這些隨身物品不知道該放哪,放在床頭怕一個不小心就掉下床,放在背包裡又怕鬧鐘響時要從上鋪跳下來很麻煩,今天要分享的旅悅位在高雄三多商圈,交通方便不說,距離高雄火車站只有四站的距離,晚上餓了樓下就是夜市,旅館還有提供免費泡麵以備萬一,更重要的是種種細節想得很周到,床頭放了一個小袋子讓你可以安心的放隨身物品,櫃台也有販售牙刷等衛浴用品,像小弟這次清明連假什麼也沒準備,行李一挑就衝向往高雄的高鐵,等上了高鐵才想到沒帶牙刷沒帶毛巾阿!!!!! 旅館有提供真的是太感人了!!

繼續閱讀 貼心為背包客想的高雄青年旅館 – 旅悅 Dwell Hostel

Vue.js Render Object as Table in Beautiful Way

In Vue.js we can use v-for to render Array as HTML Table or List beautifully, but If we want render Object key and value as Table, for example, I use JS Object and Array to store many Contact info, each Contact have different key, I want display Contact 1 info in a table, It seems v-for not good at here?

繼續閱讀 Vue.js Render Object as Table in Beautiful Way

飯店訂房介面的三兩事

你都在哪裡訂飯店呢? 是 Agoda、Booking.com 還是 Airbnb 呢? 恰好最近要去日本旅遊,穿梭各訂房網站時,發現許多有趣的事情,例如明明評價篩選很簡單,為何 Airbnb 到現在還不肯提供呢? 以及同樣簡單的日期選擇,在這次訂房的過程中,就看到兩種的做法,其實仔細去看不同訂房網站的介面,會發現許多有趣的事情呢!

繼續閱讀 飯店訂房介面的三兩事

線上訂房訂機票時,為什麼姓名欄位始終格式錯誤?

還記得有次 Peach 有超便宜的機票,我跟著大夥一窩蜂併肩向前衝,到了結帳頁面系統卻一直提示「姓名格式錯誤」,檢查再三卻始終找不出問題何在,你也有過類似經驗嗎?在線上訂房、買機票時,明明護照姓名輸入是正確的,系統卻一直跟你說錯誤不讓你通過?

繼續閱讀 線上訂房訂機票時,為什麼姓名欄位始終格式錯誤?