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

網頁嵌入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電子產品吃喝玩樂生活交通

9 個小工具查出網站用的主機、程式語言、架站工具、字型

「我要知道這網站是用什麼寫的?」就像問 Nusret Gökçe 說他的鹽是哪裡買的一樣，網站用什麼程式語言寫的，跟網站系統的洞多不多、好不好用，其實幾乎沒什麼關聯。不管多好的系統或架構，常常還是敗在人員的技術，還有經營的思維、時程、投入的金錢、管理能力上面。雖然是個偽需求，但是既然有需求，那就要有 solution，於是介紹幾個工具讓人查出網站所用的主機、程式語言、字型。Buildwith這是一個線上的工具，把網站網址丟進去，...

繼續閱讀

數位行銷科技網頁設計軟體產品體驗

#cloudflare#server

中文 Web Font 踩雷記事本

網頁使用 Web Font (雲端字型) 看似能解決以下問題，– 工程師不用再跟設計師解釋，為什麼網頁上的字型跟設計稿長的不一樣?– 解決客戶需求「這邊可以用比較活潑的字體嗎?」– 讓 Windows 的網頁文字不再只是黑體/明體/標楷體套餐?– 讓跨瀏覽器都能顯示相同字型?– 網頁編輯人員不用再把特別的字型都做成圖片?– 讓文字可以有好看的字體，同時也可以被選取、複製、翻譯、向量縮放、被搜尋引擎索引。– 用其他亞洲語系的系統字型來顯示黑...

繼續閱讀

網頁設計軟體產品體驗

#webfont

什麼! 寫 CSS 也要編譯?

畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的，所以得找一些輕鬆的法子，有時候遇到只會寫 CSS 的人辛苦的寫樣式，但用一下新工具其實可以做得更輕鬆，但又很難三言兩語說明新工具的好，於是整理了這份資料。學 SASS/SCSS/LESS/STYLUS之前，要先學 CSS 嗎?當然要哇! 本質上還是 CSS，最後編譯出來的檔案還是 CSS，只是在過程中多了一些東西讓你更方便的寫 CSS。跟這類似的問題:學 HTML5 之前要先學 HTML4 嗎?看哈利波特 7...

繼續閱讀

網頁設計軟體產品體驗

#css#css3

正版平台，一定會有我要看的東西?

為保護版權方的權益以及配合各界維權聲浪！ 但因為網友提供內容控管不易，所以這平台將不再繼續營運。 請勿惋惜！謝謝各界體諒！ 現今正版平台崛起，肯定是要支持正版。 懇請各位支持底下列出的正版平台，一定會有您要看的東西。酷播 kubo123 死了，上面是他留下的遺言。身為一個網頁美工設計工程師，在社會上能對這件事有什麼幫助呢? 於是決定來做一個找影片的小玩具，目標是輸入片名，就能找到這部片在哪個網站或 APP 有播...

繼續閱讀

吃喝玩樂生活交通網頁設計軟體產品體驗

#video

讓網頁上的 Flash 不要被 Chrome 擋得屍骨無存(更新:2021/1/12後讓Flash可以繼續播放的方法)

2021/1/12 更新: Flash 正式死亡2021 年，是一個 Mac 上的 Safari，還有 Windows 上的 Firefox ，都已經沒辦法硬是允許執行的 Flash 的年代。1/12號，照常用 Windows 的 Google Chrome (版本 87.0.4280.141) 打開有 Flash 的網頁，照慣例按下允許，卻發現不管怎麼按，永遠只能看到這精美的圖案用 IE11 也是一樣，或是只有灰灰的一塊「此外掛程式不支援」「已不再支援 Adobe Flash Player」，電腦竟然再也看不到 Flash 了 !想到 Ado...

繼續閱讀

數位行銷科技文書小幫手科技新聞解析網頁設計軟體產品體驗

#flash

上一頁
下一頁

近期熱門 Hot Posts

最新發布 New Posts
    ✏️

    Contact Me

    E-Mail

    Open Email Client

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

    加 LINE 好友

    FB Messenger/Instagram 私訊

    FB Messenger IG 小盒子

    Telegram 私訊

    傳訊息到 Telegram