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

免費的網頁空間最貴

常聽到「網站只要看得到就好，不想花太多錢。」「小公司，用不到這麼好的伺服器。」「親戚的小孩幫我弄的，他還是學生，先放在免費的網頁空間裡」節省成本的想法是沒錯，用免費的網頁主機空間，每年可以省下幾百塊、幾千塊、甚至幾萬塊的費用。但是天底下沒有白吃的午餐，主機商也是要付電費、人事成本、繳稅的，免費的主機空間到底有哪裡不好呢? 以下列出幾點常見的免費網頁空間的缺點:一、頁面被強制插入廣告不知所云的廣告，是...

繼續閱讀

科技新聞解析網頁設計軟體產品體驗

#domain#FB#free#webhosting

行動裝置的水平滾動選單，是個好設計嗎?

行動裝置幾乎已經成為生活必需品，在一些流行產業或生活消費行業，要思考的已經不是「網站要不要做行動版」，而是「網站的行動版要做到多好用」，商品沒有亮點，操作也不人性化，在電商的起跑點就輸給競爭對手了。行動裝置的介面設計是門學問，如何把滿坑滿谷的資訊顯示在有限的小螢幕上，如何讓畫面上的元素適合點擊，如何減少使用者輸入資料時的痛苦，如何避免完成一個目標流程需要一直、一直換頁，這些都是價值所在。近來發現一...

繼續閱讀

使用者介面網頁設計視覺設計

#mobile#RWD#UI

你知道你的網站可能在 InAppBrowser/webview 無法使用嗎?

你知道你的購物網站，可能在 Facebook App 裡面無法結帳嗎?最近遇到一些案例– 購物網站上線後，廠商說許多消費者回報「購物車無法刪除商品」– 購物網站選擇取貨的超商分店後「無法跳回原本的結帳頁面」。– 活動網站有一些需要使用FB登入或分享後，可以投票或登錄抽獎的功能，但 FB登入或分享後卻無法回到原來的活動網頁，或是擷取到的值有異常。工程師用了幾十年 的 JavaScript confirm() 跟 window.open() 語法，到底會有什麼問題...

繼續閱讀

數位行銷科技網頁設計

#facebook#GA#inappbrowser#RWD#UserAgent#Web#Webview#網路開店

讓瀏覽器擴充套件幫助你使用 Google 分析

Google Analytics 已經是這年頭網頁分析的基本工具之一，江湖人稱平生不見 GA，就稱網路行銷大師也枉然。本文將介紹一些 Google 瀏覽器的擴充套件，幫助一般人更方便的使用 Google 分析。1.Tag Assistant (by Google)有時候舊程式移植時沒清乾淨，在某支 view 程式檔、或是某支 js 中藏有別的網站的 ga code，或是一個頁面需要嵌入好幾組不同的 ga 功能代碼。除了看 ga 報表，有沒有其他方法檢測頁面內這堆 ga 代碼是否正常嵌入、...

繼續閱讀

數位行銷科技軟體產品體驗

#chrome#GA#google

神調校讓 CKEditor 更好用

後續補充: 在 2024 年以後 CKEditor 4.x 版本有了大更新:– CKEditor 4.x 版本已不再更新，轉成長期維護– 從 7/1 起將顯示安全通知使用 CKEditor 4.x 的末代版本，可能會碰到:1.直接使用 https://cdn.ckeditor.com 的某個舊版本，然後在編輯區域跑出一大塊紅色的警告訊息This CKEditor xx version is not secure. Consider upgrading to the last one, 4.24.0-lts2.使用第三方套件，新版本 5.x 是用 npm install，也跟 4.x 的 Add-...

繼續閱讀

網頁設計軟體產品體驗

#bootstrap#CKEditor

社群網站分享顯示優化

網頁分享到 Facebook，摘要跟圖片顯示得異常，為什麼呢? 因為沒設定相關資訊啊！[數位時代 – 2015年 Web 100 台灣熱門網站100 強完整榜單這年頭網站的訪客不一定都從搜尋引擎來，Facebook 或一些社群網站也會導入流量，網站自己也都會放一些分享到 FB 之類的按鈕，就跟以前的網站都有「設為首頁』跟「加入我的最愛」一樣。這裡有兩篇 FB 訊息牆上顯示的新聞，如果你是新北市的居民，可能會點哪則呢?有人可能會看到左邊的小字有關水...

繼續閱讀

科技新聞解析網頁設計

#china#facebook#FB#google#meta#og:description#og:image#ogp#社群網路

用語意標籤與結構化資料 microdata，讓搜尋引擎更了解網頁的內容

搜尋引擎優化(SEO)，從古到今一直是門黑魔法，到處流傳一些密技，但魔法兩個字，一橫，一豎，站著的才是對的。西元 2015年了都已經過一半了，有沒有一些新時代的黑魔法，可以讓搜尋引擎更了解網頁的內容呢? 有! 一個是 HTML 語意標籤規範與大綱化，另一個則是資料結構化。架個網站就可以在家等著收錢，搜尋引擎隨便找都在第一頁的時代已經過去了，還得擊敗一些內容農場、大平台，網頁才有機會在搜尋引擎中被看到。身為一個近代的網...

繼續閱讀

大中華市場數位行銷科技科技新聞解析網頁設計

#baidu#Bing#china#google#HTML5#microdata#schema.org#SEO#yahoo

在 Windows 建立各種瀏覽器測試環境

從前從前，人們習慣將軟體、工具、檔案都放在自己的電腦，姑且稱為單機作業時代。後來由於時代進展，一個人有公務電腦、私人電腦、手機、平板……如果必須在這些裝置處理同一件事，那同一個軟體得購買好幾次嗎? 同一個檔案得放在這麼多地方嗎? 還有軟體非得綁那個笨重又難看的硬體，可以在自己的平板或 mac 上運行嗎?於是有廠商開始發行所謂的雲端版工具程式，雲端版工具通常有兩大特色，第一是跨平台，不用擔心使用的裝置是 Mac, Wi...

繼續閱讀

網頁設計軟體產品體驗

#android#emulator#HTML5#iOS+simulator#mac#RWD#vmware#遠端調試

還在對話紀錄跟 Email 裡面找提過的 bug 或需求嗎?

是否受以下情況而苦惱? – 口頭跟工程師討論一些功能細節，但是你只記得其中的一兩條，其他的都忘記了。 – 工作太多太雜，請別人處理一些事情，但是對方忘記了，你也忘記了，但是老闆跟客戶記得。 – 請工程師處理一個 bug，但你從工程師的臭臉中發現，你是第N個跟工程師講的人了。 – 一直催別人進度，但你以為 2 分鐘就能處理好的小東西，其實是動搖國本的大問題。 – 用 Email 討論功能需求與 bug，花花綠綠一大串，...

繼續閱讀

軟體產品體驗

#Bug#email#issue#its#Line#管理

易犯的 RWD 網站製作失誤

自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing，各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版，因為這又是一個收費的大好機會。腳步比較遲緩的企業，也在老闆發現自己家的網站用手機打不開，而競爭對手的網站在手機上很好用，而開始提出需求將自家的網站做行動版的優化。讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多，響應式網頁設計(RWD, Responsive web...

繼續閱讀

使用者介面網頁設計視覺設計

#bootstrap#css#html#HTML5#jquery#js#lazyload#RWD#淘寶

上一頁

近期熱門 Hot Posts

最新發布 New Posts

    Contact Me

    E-Mail

    Open Email Client

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

    加 LINE 好友

    FB Messenger/Instagram 私訊

    FB Messenger IG 小盒子

    Telegram 私訊

    傳訊息到 Telegram