[email protected]| https://github.com/askiebaby| https://askie.today/
『臺南人為了把最好獻給護佑鄉里的神明,廟宇的每一處幾乎都被填滿了華麗的工藝,為了讓旅行者來到臺南能更加沈浸在廟宇文化中而開發的產品!』
前、後台皆使用 Vue.js(Vue Router)與 axios ,前台應用 Lazy loading 優化效能,後台則是使用 Element UI 進行開發。
製作中...
模仿原生 APP 行為與電子書介面,透過 PWA 技術,可安裝到您的智慧型裝置。
需要為 iPad 為裝置及以 Pencil 為觸控點的電子書專案,達成直書、橫書排版,在不同的文字方向都能翻頁的效果。
透過 Zeplin 與設計師協作。
針對首頁、活動頁、登入流程、註冊與忘記密碼等頁面,進行 RWD 自適應網頁切版,精細調整每個斷點的排版,無使用 CSS 框架或函式庫。
https://github.com/askiebaby/AHDA_template/
RWD 多國語系網站。
前端使用 Vanilla JavaScript,寫出原生的輪播功能,並具有觸控切換的效果。
後端使用 Php 根據 IP 判讀地區,切換最合適的語系。
UI:自行設計使用者介面、切版、RWD。
JavaScipt:Email Regex 簡易驗證信箱填入是否正確,防止使用者亂輸入。Ajax 介接六角學院「2018 前端精神時光屋」開發的 API ,顯示此次活動報名人數,提供使用者驗證。
這是一個透過 Vanilla JavaScipt / JQuery / Vue 實作 To Do List。學習透過原生 JavaScipt 操作 DOM API,再比較使用 Library 和 Framework 的異同,去理解它們底層分別處理掉了什麼原生語法需要處理的麻煩事。
因為翻牌遊戲看起來很有趣,嘗試看看!使用到的:
CSS:轉場 transition、變形 transform、背面 backface-visibility;
JavaScript DOM API、dataset、Array.forEach() 、Math.random()、解構賦值等。
針對「登入」做發想而產生的醫療應用程式設計稿。
使用的工具是 Adobe XD。其他的設計使用 Sketch。
https://www.lymma.net/discover/project/2372
《2019》Modern Web 挑戰
釐清「障礙」的定義!帶大家瞭解實作的環節,讓更多使用者受惠。
好想工作室
《2019》講師
手把手課程,帶新手進入網頁開發的領域:HTML、CSS、jQuery。
好想工作室
《2019》技術分享
分享 CSS 權重如何計算以及其重要性。
好想工作室
《2018》技術分享
分享如何設自定 Bash Terminal 樣式。
好想工作室
《2018》技術分享
於 FreeCodeCamp 繁中化計畫分享 CSS 新手入門概覽。
Monospace
《2018》Adobe XD 官方直播主持人
和專業 UI/UX 設計師探討從設計到開發完成的過程。
monospace
【2019】場務
濁水溪以南最強大的行動科技論壇。參與的是場務組,需要協助活動流程及維護現場秩序。很感謝 MOPCON,全是由志工組成的優質 conf。
【2019】攝影|設計|宣傳
Google Women Techmakers 主辦在台南的活動,邀請講者、並擔任攝影與活動宣傳圖設計的角色,協助整個活動的籌辦與當日流程進行。
【2018】Mentor
自發性與社群夥伴加入 FreeCodeCamp 繁中化計畫。辦理讀書會,邀請想學程式的人免費參加,接觸前端學習資源。