在手機免費操作 Obsidian 筆記：vibe-coding 的實驗 2025/09/24 Obsidian 跨裝置同步要月費？那就自己做一套！用免費 AI 工具從零開始 vibe-coding，打造 iPhone 和 iPad 和 Windows 電腦之間跨裝置同步的雲端筆記系統。從興奮地看著 AI 生出初版，到面對各種 bug 和 GitHub API 限制...這是一場關於個人筆記自由的小小實驗。... 繼續閱讀 使用者介面文書小幫手網頁設計軟體產品體驗#ai#api#ios#iphone#js#mobile#php#RWD#UI
更新了 iOS 26 Safari 之後，打開網頁直呼 WTF 2025/07/25 Apple 的新系統推出，除了 Liquid Glass 之外，iOS Safari 的 UI 調整也讓網頁出現新的挑戰，讓網頁的 logo 或按鈕卡在不上不下的位置、滿版選單蓋不住背景內容，可以看看哪些網頁 UI 設計會成為 iOS 26 Safari 的受害者... 繼續閱讀 使用者介面網頁設計#apple#css#ios#iphone#js#mobile#RWD#UI#UserAgent#viewport
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
蘋果手錶 Apple Watch 竟然可以開網頁了，RWD 又要多調一種 了嗎？ 2018/10/22 2018/6 的蘋果開發者大拜拜上發表了 watch OS5，其中有頁簡報，一看就令網頁前端人員大驚失色，手錶竟然可以開網頁了！web 系統開發除了要把所有「人花一秒鐘」判斷的事情都寫成機器邏輯，滿足所有已存在＋所有使用者幻想的需求，然後只設計一版畫面，就能把所有的操作介面硬塞在一個小小的螢幕中，在所有裝置正常操作，那麼，現在要針對手錶做調整嗎？我們先來調查一下 Apple Watch 手錶有多大尾，根據市場研究公司 IDC 的 2018 Q... 繼續閱讀 使用者介面網頁設計#apple#ios#mobile#RWD#watch
Google 跟 Facebook 都想讓手機上的網頁變成閃電 2016/10/31 這年頭許多人都把內容放在網路上，但瀏覽時有許多問題，– 資料在手機或某些裝置上看起來很不舒服– 各種惱人的蓋板廣告– 網頁上掛的插件太多，影響網頁開啟速度– 網頁的載入時間比人看完網頁資料的時間還久人們每天獲取資料的兩大地方，Google 和臉書，則各提出了別種解決方案，他們從網頁「打開」的流程就開始處理…上方有一份 ppt ，如果看不到，請點 Google 跟 Facebook 都想讓手機上的網頁變成閃電 // Speaker Deck內文摘要一、... 繼續閱讀 科技新聞解析網頁設計#amp#facebook#FB#google#mobile#RWD#Web
行動裝置的水平滾動選單，是個好設計嗎? 2015/08/09 行動裝置幾乎已經成為生活必需品，在一些流行產業或生活消費行業，要思考的已經不是「網站要不要做行動版」，而是「網站的行動版要做到多好用」，商品沒有亮點，操作也不人性化，在電商的起跑點就輸給競爭對手了。行動裝置的介面設計是門學問，如何把滿坑滿谷的資訊顯示在有限的小螢幕上，如何讓畫面上的元素適合點擊，如何減少使用者輸入資料時的痛苦，如何避免完成一個目標流程需要一直、一直換頁，這些都是價值所在。近來發現一... 繼續閱讀 使用者介面網頁設計視覺設計#mobile#RWD#UI
行動版網頁不就是把網頁縮小而已嗎? 2014/07/13 這篇不講 coding 技巧，不講用 SASS 要怎麼寫，不講 Bootstrap 要怎麼用，不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck本簡報適合瀏覽對象: – 覺得行動版網頁只是把網頁縮小而已，沒什麼的人 – 為了學 RWD 還花錢跑去上課的人 – 不知道設計行動版網站有什麼眉角的初學者 – 被指派做行動版網站，... 繼續閱讀 使用者介面網頁設計#css3#flash#HTML5#mediaquery#mobile#RWD#table#viewport#Web
