iT邦幫忙

網頁設計相關文章
共有 840 則文章
鐵人賽 生成式 AI DAY 29

技術 (Day 29)零基礎也能行!用 VIBE CODING 與 AI 打造 PWA 兒童任務管理平台的經驗總結

如果你問過去的我:「要不要用網頁技術做一個完整的應用?」 我大概會搖頭,因為我本身是一名長期專注於 桌面應用程式開發 的上班族工程師。 對於 React、Fir...

鐵人賽 生成式 AI DAY 28

技術 (Day 28)下一步發想:AI 與八角框架,為孩子設計一個更有動力的任務世界

關於平台的開發經驗,分享到此暫告一段落。接下來,我將主要分享平台未來的發展思考,以及這段時間與 AI 協作的開發心得與總結。 這個平台的目標,是希望能幫助孩子把...

鐵人賽 生成式 AI DAY 25

技術 (Day 25)把單字學習變成挑戰:AI 協助的親子實驗

在這段收集使用者回饋的時間裡,除了平台使用上的一些小問題之外,孩子的媽也提出了一個新的需求: 能不能在平台裡加入單字學習的功能? 確實,既然孩子每天都會透過任務...

鐵人賽 生成式 AI DAY 24

技術 (Day 24)回饋驅動的進化:小細節、大體驗 — AI 協助下的 UI 優化之路

在上一篇文章裡,我分享了透過 AI 來改善使用者對任務管理功能的回饋意見,進而推動平台功能與 UI 細節持續優化的過程。這篇文章,則要延續這個主題,分享更多實際...

鐵人賽 生成式 AI DAY 23

技術 (Day 23)任務管理再升級:AI 協助下的月曆、週期與匯入功能

在產品開發的世界裡,上線並不是結束,而是新的起點。 一個系統能否長久被使用,不僅取決於功能是否完整,還取決於它的 維護性、彈性,以及回應使用者需求的速度。這些因...

鐵人賽 生成式 AI DAY 22

技術 (Day 22)AI 幫我設計「免費升級方案 + 贊助金流」的運作實驗

把腦中想像的育兒工具慢慢做成能用的平台,這一路上 AI 幫了我很多忙。 到目前為止,平台已經有 任務管理、每週報告、成就系統 以及其他更多核心功能,小孩能自己操...

鐵人賽 生成式 AI DAY 19

技術 (Day 19)讓平台更完整:AI 打造專業入口網站 (下集)

當網站正式上線的那一刻,我還蠻開心的,因為整個平台終於有了完整的樣子。但冷靜下來之後我又想,現在的網站其實有點空洞,整個網站看起來也要有「內容感」才行。畢竟使用...

鐵人賽 生成式 AI DAY 18

技術 (Day 18)讓平台更完整:AI 打造專業入口網站(上集)

到目前為止,平台的功能其實已經算是完整,我自己的孩子也都能獨立操作使用;也有邀請過幾位家長試用,得到了一些正面的回饋。對我來說,這已經算是一個重要的里程碑。 但...

鐵人賽 生成式 AI DAY 17

技術 (Day 17)從網頁到 App:AI 幫我重塑兒童任務管理平台體驗

因為這個平台希望能透過輕度遊戲化的方式幫助引導孩子完成每天的任務,例如收拾書包、刷牙、整理房間,讓「例行公事」變得更有趣、更具成就感。同時,因為家長是陪伴孩子的...

鐵人賽 生成式 AI DAY 16

技術 (Day 16)AI 幫我打造信件報告與回饋系統:從 Gmail、SendGrid 到 Resend 的選擇

在完成兒童任務管理平台的核心功能後,我又在 AI 的協作下,快速打造了「每週報告」:彙整任務完成率、活動紀錄與獎勵兌換等等;接著,我又想到的一個適合的常見功能&...

鐵人賽 Modern Web DAY 2

技術 使用Local建置WordPress環境

Local WordPress development tool本次使用Local架設Wordpress環境作為教學。原因是架設速度快,下載好按下啟動幾乎就可以...

鐵人賽 Modern Web DAY 1

技術 WordPress起步走!

各位好,我是ZhuangKai,由於我的老闆Ken哥常常我分享Wordpress的技術,引起我的興趣,希望藉由這次鐵人賽更仔細的研究WordPress。 根據...

鐵人賽 Python DAY 23

技術 [Day22] Python專案 - 網頁開發 - (1) 網頁工程師基本知識(設計網站的架構、套件管理、資料庫、API測試工具)

目標 專案實戰想把網站開發跟PowerBI交換一下目的是先讓大家在前面的爬蟲章節提到的HTTP跟前後端架構去加深熟悉起來 這周的開端是以網頁開發為主網頁工程師...

技術 設計網頁這麼簡單?除了html、css等還需要注意什麼

⬆️類似於這種,其實我們也可以自己用自己熟悉的編輯器寫出來!只要確定好html、css、java的分配,wix也有與javascript連結可自行創造的功能~這...

徵才 網頁委外設計代工

網頁 15PAGES, 委外設計代工, 徵求網頁美工設計高手有償代工.

技術 Javascript 輕鬆獲得元素大小、位置的實用方法| getBoundingClientRect()

返回值是一個 DOMRect物件 ,用px 為單位描述這個矩形的位置跟大小。其中包含 x/y/width/height/top/right/bottom/lef...

技術 網站設計達成目標轉換的關鍵因素及技巧

好的網站應該要有直覺性網站版面配置與迅速的網頁載入速度,需要具備好的使用者體驗,進而提升SEO關鍵字排名。隨著時代演進,網站設計經歷了五個世代的變革,並逐漸注...

技術 打造SEO優化網站的起步秘訣:建置網站架構指南

你想要一個可以用的網站還是想要一個可以排名的SEO網站,為企業品牌帶來實質的效益呢?在建立官網前,你可以想想建網站的目的是什麼?而架設SEO網站需要用什麼方式進...

鐵人賽 Modern Web DAY 29

技術 【Day29】Flask請求 & 表單實作

昨日了解完Flask的安裝至頁面跳轉、動態生成等內容後,今天我們要更深入介紹Flask的請求和表單製作! Flask請求 在學習請求前,我們要先了解HTTP方...

鐵人賽 Modern Web DAY 28

技術 【Day28】Flask基本架構

在大概摸索Python的基本語法和函式修飾器後,我們今天終於可以回歸正題 —— 使用Python架設一個輕量級的網頁後端伺服器! 我們今天要接觸的東西名為Fla...

鐵人賽 Modern Web DAY 25

技術 【Day25】淺談 React.js(4)公共元件 & 頁面跳轉 Router

在碰到純前端的大專案時,專案內有許多頁面是必然的。都是在同個專案,當頁面跳轉時,想必也都會使用到相同的元件。但是,在創建新頁面時,我們不僅要複製多個元件,甚至是...

鐵人賽 Modern Web DAY 24

技術 【Day24】淺談 React.js(3)React useState & useEffect

介紹完React的動態生成後,本篇將帶您進入到React Hook的領域。 甚麼是React hook?簡單來說,它是一種React的函數,可以讓您在無需使用c...

鐵人賽 Modern Web DAY 25

技術 Day25 有料的 CSS 漢堡選單

我們今天要來做幾份漢堡選單。 原理和 Day14 今天我想來點… 純 CSS 的開關 一樣,都是用 input 的 checkbox 來儲存狀態好讓其他元素可...

鐵人賽 Modern Web DAY 23

技術 【Day23】淺談 React.js(2)React動態生成

在上一天中,我們了解到React中的元件構成和基礎語法,今天,我們要一同探索的是 ── 更便捷的生成語法! 動態生成 在介紹jQuery的篇章中我們曾提過,我...

鐵人賽 Modern Web DAY 22

技術 【Day22】淺談 React.js(1)React基本構成 & 語法

在上一篇的教學中,我們成功建立了一個React的專案。建立完畢後,會發現我們的檔案資料夾突然多了好多沒看過的東西: 慘了,完全看不懂——沒關係!接下來將帶您認...

鐵人賽 SideProject30 DAY 30

技術 Day30. 結語、心得

喔耶!終於可以脫離苦海了!!今天就是我的鐵人賽最後一天2023/10/15 一定要好好記錄起來! 雖說報名鐵人賽的初衷只是因為教授的要求,但在想要寫什麼主題的時...

鐵人賽 SideProject30 DAY 29

技術 Day29. Git版控工具(三) Vercel 網站部署

網站製作完成後,最後就只剩下「部署」啦!通常要將網站上架到網路上,擁有一個屬於自己的網址,是需要額外費用的,但最近很熱門的Vercel提供免費網站部署服務,讓有...

鐵人賽 SideProject30 DAY 27

技術 Day27. Git版控工具(一) Git介紹

網站製作完成後,有兩件事還需要做,那就是「部署」、「維護」,這兩項都很需要版本控制工具的協助,就先來談談Git這個版控工具吧!當在自己的本機製作、設計時,因為更...

鐵人賽 SideProject30 DAY 26

技術 Day26. 網站開發過程(八) 互動設計、添加微互動

倒數五篇,也是網站開發的最後一篇,今天要來聊聊互動設計、微互動。現在的網站除了RWD是不可或缺的之外,在網站中添加各種互動設計也是重要趨勢,小的可以是文字、區塊...

鐵人賽 SideProject30 DAY 25

技術 Day25. 網站開發過程(七) 常用JS套件(2)

今天會接下去推薦幾個好用的JS套件,但跟昨天不太一樣的是,今天推薦的套件都是很需要讀文件,比較進階需要設定比較多內容的套件,但只要有依文件製作就能呈現很多種變化...