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

目前正在瀏覽文章標籤：RWD

Google 跟 Facebook 都想讓手機上的網頁變成閃電

這年頭許多人都把內容放在網路上，但瀏覽時有許多問題，– 資料在手機或某些裝置上看起來很不舒服– 各種惱人的蓋板廣告– 網頁上掛的插件太多，影響網頁開啟速度– 網頁的載入時間比人看完網頁資料的時間還久人們每天獲取資料的兩大地方，Google 和臉書，則各提出了別種解決方案，他們從網頁「打開」的流程就開始處理…上方有一份 ppt ，如果看不到，請點 Google 跟 Facebook 都想讓手機上的網頁變成閃電 // Speaker Deck內文摘要一、...

繼續閱讀

科技新聞解析網頁設計

#amp#facebook#FB#google#mobile#RWD#Web

解決勾到「防止此網頁產生其他對話方塊」

我是谷呵摸，今天要來說一個 alert() 對話視窗跟 confirm() 確認視窗在現代瀏覽器會發生問題的故事…經常上網的人，對於網頁對話視窗一定不陌生，例如註冊送出時跳出小視窗提示「某某欄位未填寫」，表單送出後會跳出「已成功發送訊息」，要執行某東西時，跳出「是否確認執行某某動作?」，用 alert() 讓使用者得知處理的狀態，而不是按了按鈕後卻無消無息，用 confirm() 提醒使用者，而不是不小心按到按鈕，就把東西直接刪掉了。(實...

繼續閱讀

文書小幫手網頁設計

#RWD

自架品牌購物官網真的比較便宜嗎?

用網路做 B2C 生意是時代趨勢，除非你的產業不適合。因公司業務關係(ASP.Net客製化網站)，會遇到不少想要諮詢自架品牌購物官網的客人，店家都對擁有一個自己的品牌購物官網有著美好的憧憬，因為大家的認知就是網路開店似乎很便宜！ 如果人事成本或商品成本不計，租一間實體店面，房租、裝潢、水電網路，花好幾十萬可能還看不到什麼東西，但是網路上開一間店卻有可能在 5 萬以內解決，甚至 0 元。一個月繳八千元的網路商店，已經有...

繼續閱讀

使用者介面大中華市場數位行銷科技科技新聞解析網頁設計軟體產品體驗

#hack#icp#RWD#UI#ux#小額支付#淘寶#物流#網路開店#轉換率#金流

網頁的平面設計稿 要注意哪些事?

常常被團隊的工程師說你的平面設計稿無法做成網頁? 設計師和工程師常常吵架?一個要做成網頁的平面設計稿有哪些要注意的呢? 請看此文的概略介紹。上面有一個 ppt，如果看不到 ppt 請點網頁的平面設計稿要注意哪些事? // Speaker Deck。內容摘要:一、請使用 RGB 色彩模式1.色彩模式: 不管原始稿件是什麼，通通要轉成 RGB2.網頁色彩表示法:– 規範的英文名稱(如 Green, Lime)– HEX 16 進位 (如#000000)– RGB/RGBA (如rgba(255,255,255,...

繼續閱讀

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

#RWD#UI#ux#webfont

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

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

繼續閱讀

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

#mobile#RWD#UI

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

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

繼續閱讀

數位行銷科技網頁設計

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

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

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

繼續閱讀

網頁設計軟體產品體驗

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

易犯的 RWD 網站製作失誤

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

繼續閱讀

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

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

Bootstrap 的一些欠佳用法

近幾年很流行在網頁專案導入一個叫 Twitter Bootstrap 的前端 framework，例如網站的管理後台，網頁系統的後台，新創網站，甚至一些預算不低的網站前台，也是套 Bootstrap ( 簡稱 BS )的預設樣式，或是套上某個 Bootstrap 的免費樣式，就端出來給大家用，讓那些慢慢手工刻網頁的勞工覺得自己好像智障。導入 Framework 的意義何在? 就是 Write less, do more.Bootstrap 有哪些好用的特色?針對一些常見、常用的網頁元素和元件寫好定...

繼續閱讀

網頁設計軟體產品體驗

#bootstrap#css#framework#html#RWD

現在做網頁設計還要學 Flash 嗎?

每隔一陣子就會聽到有人問 :「我想做網頁設計，人力銀行很多徵才條件都註明要會 Flash，那我應該要去學嗎 ?」Flash 在前幾年的確風光一時，比如說七八十年次小時候都看過的阿貴、詰譙龍、小小系列動畫；還有各種活動網站、小遊戲、課本附的多媒體光碟教材、網頁廣告，2advanced 風格的全 Flash 網站，甚至是網路詐騙彈出廣告，處處可見 Flash 的蹤跡。Flash 優點挺多的，說對設計師而言，可以用滑鼠直覺的拖拉，所見即所得，動畫製...

繼續閱讀

網頁設計軟體產品體驗

#animate#e-learning#flash#hack#HTML5#js#RWD

上一頁
下一頁

近期熱門 Hot Posts

最新發布 New Posts

    Contact Me

    E-Mail

    Open Email Client

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

    加 LINE 好友

    FB Messenger/Instagram 私訊

    FB Messenger IG 小盒子

    Telegram 私訊

    傳訊息到 Telegram