寬堂空間設計 這是一個前、後端技術的外包案實作,其網站名稱為寬堂空間設計,此專案主要負責前端刻板、後端串接部份,版型設計則由宙思設計所製作。 此專案是我第一次承接視差滾動(Parallax Scrolling)的專案,一般前端常見的視差滾動有層級數量的差異,此專案是使用兩層,所以是差沒有道非常的顯著,但是從背景依然可以…

寬堂空間設計

這是一個前、後端技術的外包案實作,其網站名稱為寬堂空間設計,此專案主要負責前端刻板、後端串接部份,版型設計則由宙思設計所製作。

此專案是我第一次承接視差滾動(Parallax Scrolling)的專案,一般前端常見的視差滾動有層級數量的差異,此專案是使用兩層,所以是差沒有道非常的顯著,但是從背景依然可以看出 Scroll 滑動所產生的視差。網站的視差效果參考 The history of aeronautics 此篇的方式所實作,算是初階的視差效果作品。

網站後端主要需求是使用 php 去處理使用留言寄信的功能,所以就沒使用框架,而前端框架則是使用 OAF2E 實作,所以使用 Compass 來編譯 SCSS

相關參考

歐芙娜 OFNA - OA Wu's Blog
歐芙娜 OFNA
歐芙娜 OFNA歐芙娜 OFNA 這是一個前、後、系統端技術的外包案實作,其網站名稱為歐芙娜 OFNA,此專案主要負責前端刻板、後端串接、系統端部署部份,版型設計則由宙思設計所製作。 此專案是常見的官網實作,主要由後台的上稿系統挑選完稿後,前台即可顯示所編輯的資料,而前端部分有常見的 Banner 輪播、資訊列表、聯絡我們功能!後端 …
億進建築經理 - OA Wu's Blog
億進建築經理
億進建築經理億進建築經理 這是一個前端技術的外包案實作,其網站名稱為億進建築經理,此專案主要負責前端部份,版型設計則由宙思設計所製作。 此專案因為只負責前端部分的切版,所以就使用了 OAF2E version 1.8 框架,架構中主要是使用 Compass 來編譯 SCSS,而 JavaScript 函式庫則是使用 jQuery,網頁首頁的 Banner 輪播主要就是利…
VG 鉅臣 - OA Wu's Blog
VG 鉅臣
VG 鉅臣VG 鉅臣 這是一個前端技術的外包案實作,其網站名稱為 VG 鉅臣,此專案主要負責前端刻板部份,版型設計則由宙思設計所製作。 此專案為純前端的實作,有鑒於網站架構的特性,於是將網頁命名以中文顯示,一方面增強 SEO,另一方面方便素材人員配合更換素材(命名規則)。而網站前台可以發現都有固定幾項規則,所以就使用 jQuer…
嘉豪光學 - OA Wu's Blog
嘉豪光學
嘉豪光學嘉豪光學 這是一個前、後端技術的外包案實作,其網站名稱為嘉豪光學,嘉豪光學有限公司為多國外知名品牌之總代理。於2007成立至今,憑著經營團隊專業的知識領域和熱誠的服務態度,產品銷售已涵蓋全台眼鏡商圈。 專案為宙思設計的網站專案,專案除了設計與聯絡外,從前端刻板、後端資料庫、系統架設皆是獨立完成。網站框架…
吳政賢 個人簡歷 OA Wu LiveCoding.tw