要改的地方太多了，那就改天吧

竟然無法登入新系統報稅，2018 報稅季讓 Windows 的使用者都驚呆了…

因為 Windows 的字體在 4K 螢幕上面看了不舒服，去年不小心換了台 Mac 電腦，轉換有許多陣痛，陣痛之一就是之前那臺用了 N 年的晶片讀卡機在 Mac 沒法用，也懶得買新的，而且自然人憑證也要到期了，還在想說今年報稅要怎辦的時候，就看到了重大更新《台灣報稅系統優化 mac&linux系統與平板專用報稅網站正式上線》我這輩的年輕人真的很爽，不像長輩那代報稅還要用手寫、整理扣繳憑單，現在幾乎只要會登入然後按下一步就好了。報稅系...

繼續閱讀

使用者介面視覺設計軟體產品體驗

#UI

用 IFTTT Webhooks 讓網頁發訊息到 Line

之前照一篇 如何在 WordPress 有新留言時，透過 Line 通知站長？ – 踢踢五，使用 IFTTT 串接 WordPress RSS feed 和 Line notify，用了好幾個月也還算穩定，至少沒碰過什麼服務掛掉或三天兩頭維修的情況。那今天我有一個客製化的網站，沒有 RSS Feed，也不是 WordPress，想要在某些情況時，例如有人登入後台，或是 ajax 走到 response error 的那段的時候，我會接到 Line 通知，要怎麼做哩?去申請了 LINE Notify 的登錄服務，要填...

繼續閱讀

網頁設計軟體產品體驗

#js

在網頁輪播廣告播放背景影片

繼「這有個簡單的功能，評估一下」，這次是「有個簡單的功能，處理一下」系列，前陣子實作了一個常見的需求「在網頁的輪播廣告，放影片」，在製作時遇到許多細節問題與設計思維，值得寫一篇文章來分享。(施工前)(一)、影片只有一種嗎?本來有圖文混排的輪播廣告，現在多個「簡單的需求」要放影片，起手式要考慮的就是1.伺服器流量和頻寬問題2.瀏覽器相容性問題。小時候看一些虛擬主機，每年幾百塊台幣卻有無限流量、或是每個月流量...

繼續閱讀

網頁設計

#video

為了做 app 而做 app

上週末把之前做的超廢玩具網站 線上找電影和連續劇 首頁上的「本月免費線上看」片單更新一下，把一小塊改成用 vue.js 的 v-for 列表渲染來寫。更新完之後不知道為何，突然想說把 RWD 網頁做成 Android 的 APP ，就手滑花了台幣 763元+跨國交易費 30 元，弄到了一些 Line Points 點數跟一個 Google Play 開發者帳號。沒有硬漢的開 Android Studio 重頭刻一個，也沒有開 Android Studio 然後放個 webview 了事，也沒有用 cordova 或...

繼續閱讀

網頁設計軟體產品體驗

#app

三分鐘學會用 npm 相關套件在命令視窗編譯 SCSS

編譯 SCSS 除了用 Ruby-compass, Koala, Prepros, Dreamweaver CC 2017，還可以用功能也很強大、不會彈廣告、不用錢的 node.js + gulp 或 webpack，但是我覺得網路上的文章都太詳細冗長了，容易嚇壞一堆根本不想寫 code 卻又被逼著寫的視覺設計師。一直很佩服程式人十分鐘系列，可以把複雜的事情濃縮得比較易懂，也包含一堆關鍵字可以去深究。不過我就來幾篇三分鐘系列的速食文章吧。以下步驟全部以 Windows 10 環境為主起手式先安...

繼續閱讀

網頁設計

#css

網頁嵌入Google 地圖的小小需求，例如顯示英文地圖

網頁上嵌入 Google 地圖是常見的充實網頁版面技巧，但是經常遇到兩個小需求，如果有看過 Google MAP 的 API 文件肯定知道怎麼解，但是非工程人員用的關鍵字卻不太容易直接 Google 到解法，所以寫一篇小文章一、網頁上要顯示英文的 Google Map此需求常見於一些多語系網站或英文網站，沒有半個中文字的網頁上嵌入了一個 Google Map，但是路名、place card 都是中文字，被要求更正。其實 Google 地圖會自動以當地語言顯示地名(見下方...

繼續閱讀

網頁設計

#map

網站放在 PaaS 第一次被都更就上手

美好的周末，卻接到一封信 OpenShift Online v2 End of Life Announcement，內容大概是這樣 Today we announce the sunset of the previous generation OpenShift Online 2 platform. After September 30th, 2017, Red Hat OpenShift Online 2 (our Free, Bronze, and Silver offerings in v2) will no longer be available. The next generation of Red Hat OpenShift Online, a cloud-based container platform that enables d...

繼續閱讀

網頁設計軟體產品體驗

#webhosting

避免網頁文字資料被複製

網頁設計的許多演進，多半是為了使用者瀏覽環境、現代數位內容需求、軟體工程、專案管理而做的發展，但是有一些需求，從 N 年前到現在都沒有變，例如說…「想要把產品資料公開放在網路上，但是又不要讓人拿走。」整理一些常見/常用的網頁防止文字被複製的方法：一、用 JS 讓使用者在網頁按右鍵的時候，不要顯示選單(適用於桌上型電腦的現代瀏覽器)document.oncontextmenu = new Function("return false");oncontextmenu="return fal...

繼續閱讀

網頁設計

#js

Visual Studio Code 網頁勞工常見擴充套件紀錄

忘記從何時開始，突然感覺網路社群上常常有人在討論 Visual Studio Code (簡稱 VS Code) ，一開始以為是 Visual Studio 的什麼新功能，後來才知道是微軟出的開源程式碼編輯器。距離本部落格第一篇的文章 Sublime Text 網頁勞工常用擴充套件，已經過了三年多了，我近幾年都是用 Sublime Text 的，中途雖然因為一些原因有偷吃 Atom, Brackets…後來還是沒有轉換過去。其實一開始是先在上班的地方開始用 VS Code，因為公司的程式都是 A...

繼續閱讀

網頁設計軟體產品體驗

#editor

ASUS Zenfone 2,3,4,5,6 哪一台最先出?

對 3C 沒什麼鑽研或品牌忠誠，但前後不小心用了兩支華碩 Zenfone 手機，甚至家中其他人也是用華碩手機。身為 ASUS 手機使用者，最常被人問的兩個問題:1.你很常去皇家俱樂部嗎?答：家中沒半隻華碩手機去過皇家俱樂部，倒是我上一張華碩 P43 的電腦主機版讓我跑了不只一次皇家俱樂部。2.你用的這支是哪支，現在出到幾了啊?答：我上一支 Zenfone 5 是最早出的，Zenfone 2 是後來出的我沒用過，我這支 Zenfone 3 是 2016 年出的。通常...

繼續閱讀

3C電子產品吃喝玩樂生活交通

上一頁
下一頁

近期熱門 Hot Posts

最新發布 New Posts

    Contact Me

    E-Mail

    Open Email Client

    LINE 私訊
    此為 LINE 官方帳號，僅用於連絡，不會群發訊息

    加 LINE 好友

    FB Messenger/Instagram 私訊

    FB Messenger IG 小盒子

    Telegram 私訊

    傳訊息到 Telegram