Published inappxtech如何用CSS控制移動端可視區域?使用lvh, svh, dvh單位優化網站最近做專案時,設計師希望行動版第一區塊可以滿版呈現,而當下第一個念頭就是用 vh 來做,但實際在手機看時發現,不管是 Chrome 或 Safari 瀏覽器,底下的 UI 工具列都會擋到內容,沒辦法完整呈現 🤔Jul 17Jul 17
Published inappxtech網站沒有 RWD 會有多可怕!RWD 響應式網站,打造良好網站使用者體驗根據 Meltwater 和 We Are Social 合作製作的《數位 2023 年全球概覽報告》分析,針對全球的數位使用情形,用行動裝置上網的比例已高達 91%,顯然在現代移動裝置廣泛使用的環境下,使用手持裝置上網已經是瀏覽網站的趨勢。Jun 20Jun 20
Published inappxtechGoogle Publisher Tag 教學-顯示廣告版位程式碼Google Publisher Tag 是一種 JavaScript 標籤庫,簡稱為 GPT (跟 ChatGPT 沒關係嘿~XD),用於在網頁上展示廣告並管理廣告投放。GPT 是 Google Ad Manager…Jun 4Jun 4
Published inappxtechReact Material UI Modal fixed move-解決fixed元素移動版本 @material-ui/core v5Apr 23Apr 23
Published inappxtech非本科成功轉職前端工程師的心法(下)在上集有討論到了前端工程師的基本技能與生活中有哪些學習方式,但最重要的還是取決於怎麼學習,在這篇將推薦筆者的學習方法、非本科系面試前的準備與推薦的學習資源。Apr 19Apr 19
Published inappxtech非本科成功轉職前端工程師的心法(上)關於前端工程師的課程與文章,這幾年來是蓬勃發展,很多人想轉職前端,而筆者也是轉職成功的過來人,目前是個自由工作者也是時賦科技的前端開發顧問,專門做前端的案子,製作企業形象網站、企業內部系統、電商購物、活動平台、LINE 的活動小遊戲等等。Apr 16Apr 16
Published inappxtechclip-path製作box-shadow陰影無效!?你應該這樣做!在製作專案時,遇到了不規則形狀的 tag,我使用了 clip-path 來達成不規則形狀的效果Apr 9Apr 9
Published inappxtechES6 模組化管理:import 與 export 的使用技巧ES6 引入了管理 JavaScript 模組的語法。通過使用 import 和 export,我們可以將每個檔案視為獨立的模組,這樣不僅能避免檔案過於龐大,還能提高代碼的可讀性。每個系統都可以被切分成相對應的模組,這樣一來,程式碼的管理和組織就變得更加容易了。Apr 2Apr 2
Published inappxtechAmazon CodeWhisperer 即時程式碼產生器—前端免費 AI 工具隨著人工智慧在開發領域的應用日益普及,開發者在使用 IDE 時也能享受到 AI 的輔助。目前眾所周知的 GitHub Copilot 是其中的翹楚,但要使用它需要付費。這篇文章將介紹另一款類似功能的 AI 工具 — — Amazon CodeWhisperer。Mar 26Mar 26