用 jQuery 實作 Youtube 播放器

jQueryYoutube

用 jQuery 實作 Youtube 播放器 此作品主要是練習 Youtube API 的運用，主要功能是利用 API 來操作播放清單以及播放參數的設定。 雖然這功能有點多此一舉..(Youtube 就可以做清單了)，但是還是分享一下製作心得！ 功能主要就是利用 Youtube 所提供的 API 再利用 Local Storage 紀錄播放清單，再利用 JavaScript 按鍵事件，…

2014.12.29

用 GitHub 架設 Blog

GitHubBlog

用 GitHub 架設 Blog 使用 GitHub 架設個人 Blog 不僅可以節省伺服器空間，同時也可以使用 Markdown 語法做文章管理，坊間也有很多類似的工具 octopress、pelican，但是最後決定自己做一套使用 PHP、以及 command line 建置出個人的部落格！ 看到這標題我想板上很多大大們可能會覺的市面上已經很多資源了，沒想到還有人自…

2014.12.16

實作 Material Web Design

jQueryMaterialCSS

實作 Material Web Design 這套前端工具主要是參考 Material UI 風格設計，並且這是一個藉由 Compass、HTML 以及 jQuery..等各種前端工具實作的 Material UI Design for Web，開發者可以自行使用 SCSS 或者 CSS 來做修改，目前是使用 jQuery 來達到更多 UI 回饋效果。 以下是基本的介紹： 此作品開發工具主要使用 Gulp、Co…

2014.12.08

實作 jQuery Navbar 套件

jQueryNavbar

實作 jQuery Navbar 套件 這是一個前端 jQuery Extend Function，主要架構於 jQuery 以及 SCSS、SASS。開發者可自行設定 SCSS 變數、jQuery Extend Options 來更換樣式。 相關參考 Live Demo GitHub 原始碼

2014.12.04

用 jQuery 做迷宮遊戲

jQuery遊戲

用 jQuery 做迷宮遊戲 此作品主要架構於 jQuery 之下實作，它不是一個前端 jQuery extend function，而是 based on jQuery 的前端迷宮遊戲，並且當使用智慧型手機瀏覽時，可支援使用重力感測器(G-sensor)，所以可利用搖晃手機達到操作方向的簡單體感遊戲。 專案內有附一隻地圖產生器，可以提供各位自行編輯迷宮地圖路線，…

2014.12.03

奇拓室內裝修設計

接案

奇拓室內裝修設計 這是一個後端技術的外包案實作，其網站名稱為奇拓室內裝修設計，奇拓室內裝修設計是我近年來第一個與宙思設計承接的網站外包案，不過這專案我並非為全端作業，而是只實作後端與系統的部分，前端刻板則由宙思設計所製作。 後端主要功能是提供上稿系統，以提供前台畫面使用，所以主要功能為一般的 Create、…

2014.12.03

實作 jQuery scrollSliderView 套件

jQuery

實作 jQuery scrollSliderView 套件 OA-scrollSliderView 這是一個前端 jQuery Extend Function，主要架構於 jQuery，此版本是支援 Responsive Web Design(RWD) 的頁面。 相關參考 Live Demo GitHub 原始碼

2014.12.01

實作 jQuery imgLiquid 套件

jQuery

實作 jQuery imgLiquid 套件 imgLiquid 是一個處理前端圖片置中的 jQuery Extend Function，其中參考了 imgLiquid，但其架構與做法不大相同。 此作品雖然與 imgLiquid 功能一樣，但是做法不同，前者將 設定成隱藏，在取出其圖片網址後設定在該 父元素的 Style，而我的這次要實作的雖然目的相同，但做法則不一樣。 首先需要…

2014.11.28

2014 OACI

PHPElasticSearchRedisPHP ActiveRecord

2014 OACI 這是一個以 CodeIgniter 2.1.4 為基礎版本，將其新增進階功能的一套好用的 PHP Framework，加入了 PHP ActiveRecord 並且與 OrmUploader 讓圖片網址處理更方便，以及多樣的前後端整併。 這一套個人的 Framework 如入了多樣的資源參考，其中參考了 Ruby on Rails 的 RubyGems 相關工具，以及導入 OA's ElasticSea…

2014.11.11

用C語言寫漫畫下載器

C 語言SQLite

用C語言寫漫畫下載器 這是個使用 C 語言 的 Console 畫面去繪出模擬 BBS 版型，並且利用 wget 指令將知名網站 8comic 上的原始碼轉譯出漫畫並下載，簡單說就是使用 C 語言製作一個爬蟲，並且以 Console 的方式模擬 BBS 介面的排版，然後將爬回來的數據以 HTML 方式開啟。 作品靈感來源只是想方便看漫畫，所以動手寫了程式…

2012.11.17

用 PHP 實作雲端空間與部落格

PHP

用 PHP 實作雲端空間與部落格 此作品是大四作品之一，因為製作了相簿系統完後有了更多對於網站開發的心得，於是就馬上開啟了新專案，逐步的開發這個平台，這個作品主要是加強了相簿系統，加入了 上傳檔案、部落格文章、隱私權限、好友管理... 等社群功能。 作品此次融入了更多的元素，其中包含當時的 Facebook 版型、無名…

2012.02.21

用 jQuery 做一套遊戲

jQueryPokémon

用 jQuery 做一套遊戲 大學期間學習網頁開發過程中，總是會有一些有趣的靈感，而我總是喜歡使用我所會的語言工具，去將想法實現出來，而使用 jQuery 製作遊戲也是我的一項小小里程碑。 這作品相信大家會有似曾相似感，靈感來自於 Nintendo 的一款遊戲，叫做 Pokémon，當初構想曾有過大至商城化、地圖化劇情，但由於多項因…

2010.07.01

2345