參加口罩地圖之亂 2020/02/17 最近武漢肺炎疫情，又想起了2002年，讀國中的時候遇到 SARS 疫情時期的那份恐懼，上課或是出門到哪邊都要先量體溫，許多店門口都放酒精消毒用品，第一次知道什麼叫N95口罩。但現在是2020年，醫護人員一樣血汗，但時代不一樣了，行動上網普及，資訊工具與開發方式百家爭鳴，政府還公發醫療口罩？又有什麼新梗呢？大概是口罩地圖之亂吧！2020/2/2 的時候大家瘋傳一個超商口罩掃貨地圖……呃不是，是超商口罩現況回報的網站，畢竟都 202... 繼續閱讀 網頁設計視覺設計軟體產品體驗#api#map#個資外洩
把 CorelDRAW 的煩人廣告關掉 2019/11/30 Adobe 身為一個資料外洩大戶，在 2013 年外洩了 3800 萬筆用戶資料，2019 年又有 750 萬筆，以及每年黑色星期五的三折/五折訂閱優惠讓大家口耳相傳，而且還是現代軟體訂閱制的知名案例。但今天要講的是另一個曾經的榮耀，CorelDRAW(摳桌)。CorelDRAW 很佛心，有提供短期免費試用版，雖然我也不會用，但開個檔案轉存 pdf 還是可以的，所以遇到給檔是給 CorelDRAW 的 cdr 格式的稀有行為，只要下載試用版來開檔案就好了。但遇到客人... 繼續閱讀 視覺設計軟體產品體驗#adobe
如果要做一個「離我最近可以騎的共享機車」線上服務 2019/11/16 幾年前，在 Facebook 上面看到一位大大表演，上網瀏覽露天會員中心時，開啟了瀏覽器的 Developer tool，改了一串東西後，整個會員中心的資料就變成別人的。那時候林北的露天帳號剛好被盜，瀏覽器的 Developer tool 我也有，網頁程式技術我也略懂，怎麼沒想到這樣用？從此打開了開關，不相信任何人寫的程式，自己寫的程式也可能全是坑….前陣子看到那位追蹤已久的大大又發了一篇共享機車服務某種程度上可以用來窺探隱私遭許多人抨擊... 繼續閱讀 網頁設計軟體產品體驗#api#gogoro#irent#map#個資外洩#共享機車#爬蟲
網頁無障礙網頁規範對於上稿人員的要求相當多 2019/11/03 不只聽過一次中小企業問說「要另外請一個人來維護網頁嗎？」維護網站最基本的技能就是美感，以及各種數位資訊的知識、工具的操作。還有數位內容的產出，例如無中生有變出行銷方案、文案發想、商品/人像攝影、影片拍攝/剪輯/後製？理解所有單位要放的內容?甚至排解伺服器運作問題？在長官跟外包廠商中間當夾心餅？長官出一張嘴最簡單了嘛。反正基層實作人員就是該死。維護網頁已經不簡單了，要維護一個符合台灣政府無障礙網頁規範的... 繼續閱讀 文書小幫手網頁設計視覺設計#css#editor#HTML5#Https
CKFinder 3 .Net 版本安裝失敗小筆記 2019/09/23 CKFinder 檔案管理器的 PHP 版本於 2015 年釋出版本號 3 的大改版，.NET 版本比較遲，於2016年12月才釋出(CKFinder 3.3 for ASP.NET Released)，如今過了兩年多到 3.5.1，地雷應該都清光了吧？畢竟 CKFinder 2 已經不再更新了，在觸控裝置上也很難用，來自己摸索安裝看看 CKFinder 3。CKFinder 是最低品質 costdown web 程式開發重要的一環，開發人員不需要自己用 PHP 或 ASP.NET 的伺服器端語法讀取目錄和檔案清單、建立目錄、多... 繼續閱讀 網頁設計軟體產品體驗#CKEditor#ckfinder
iPadOS 讓 iPad 可以接滑鼠了，游標偵聽事件能用了嗎？網頁選單要大改嗎？ 2019/08/24 Apple 在2019年6月的 WWDC 開發者大會發佈了 iPadOS 和 iOS 13 的預覽版，所謂的 iPadOS 就是把 iPad 的 iOS 作業系統另外獨立出來，一國兩制….有點敏感。總之版本 13之後，蘋果手機跟平版的作業系統各有不同的名字，還有不同的功能宣傳頁面。這些酷炫的 iPadOS 新功能，想起從前有支令我印象深刻的 Apple 廣告，一個有錢的小孩帶著 iPad Pro 和 Apple Pencil 四處奔波學習、體驗生活，過了豐富的一天，然後回家時鄰居問他「嘿？你... 繼續閱讀 使用者介面網頁設計#apple#ios#mobile#RWD
網站放在台灣 容易讓Google Search Console偵測到網站有行動裝置可用性問題？ 2019/08/03 Google Webmaster tool 改成 Google Search Console 之後，Google 還會不定期會親切的寄 email ，製造工作機會……啊不是，是提醒網站管理員多關心自己的網站，但經常會收到令人納悶的信，提示說幾年前就刪除掉的頁面有XX問題，還有這個… 「Google Search Console偵測到網站有新的行動裝置可用性問題」 以下是系統在您的網站上找到的問題：文字太小，不易閱讀、內容寬度超出螢幕顯示範圍、可點選的元素之間距離太近？Google Search... 繼續閱讀 網頁設計#google#mobile#SEO
思源黑體設計稿字體樣式與CSS font-weight 對照 2019/07/28 有時候要照別人的設計稿按圖施工，在 Adobe 的軟體裡面，思源黑體的字體樣式是用 Light, Black, Medium…而網頁的 css font-weight 並無這些東西，打 font-weight:black 是顯示不出來的。版本比較新的 Adobe illustrator 有一個產生 CSS 的工具，外行人的想法就是以為導入一個工具之後就可以解決所有問題，但是有常識的人都知道這種「自動轉換」的東西通常有三大特點，一：很雷，二：超雷，三：雷到爆。以本例來說，需要知道 ai 檔... 繼續閱讀 網頁設計視覺設計#webfont
Electron 實戰：讓 Mac 玩開心水族箱不用再每次按允許 Flash 2019/02/02 聽說某些職業的人，都會被問說曾用技能解決什麼生活問題？讓我想到之前玩的一個東西，起頭又是想當年…大學電腦課有三寶：開心農場偷菜、開心水族箱撿寶、跑跑卡丁車尬車，結果還不到十年，已經人事物全非了，開心農場在2017結束營業，跑跑卡丁車在 Mac 跟手機上沒得玩，大家都在拼人生 Online。不過我還一直持續在玩 Facebook 的開心水族箱，幾乎每天都會登入日曆簽到，但後來覺得越來越難玩了…Facebook 上的 Flash 小遊戲會被瀏覽... 繼續閱讀 吃喝玩樂生活交通網頁設計#facebook#flash#js
那些年，一起整人的瀏覽器擴充套件們 2018/11/12 使用者在電腦上使用先進的網頁瀏覽器可以安裝「擴充套件」，有時可讓使用者達成一些方便的功能，但網頁或 web 系統，可能就因為這些擴充套件，發生排版顯示，或是讓系統無法操作、購物網站無法下單等等的嚴重問題。廣告攔截的擴充套件讓正常內容也出不來、解開鎖右鍵，讓網頁產生 javascript 錯誤、防毒軟體打亂 ajax 接收資料、讓網頁顯示得跟別人不一樣( injected stylesheet)...... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#css#form#google#RWD#Web