Posts

Showing posts from October, 2013

使用 Bootstrap 建置雛型網站 2

Image
前文 <使用 Bootstrap 建置雛型網站> 可以逐步完成一個具功能性的雛型網站,但若想要進一步改變外觀主題,也就想更換 template, style, theme <--- 這裡指的都是同一件事,以下都稱 Theme。
按前文的精神,希望找到一個方法,可以不需要依賴網頁設計師,也可以自行做到。

更換 Bootstrap Theme

Image
前文 <使用 Bootstrap 建置雛型網站> 可以逐步完成一個具功能性的雛型網站,但若想要進一步改變外觀主題,也就想更換 template, style, theme <--- 這裡指的都是同一件事,以下都稱 Theme。
按前文的精神,希望找到一個方法,可以不需要依賴網頁設計師,也可以自行做到。

高雄App創意聚焦論壇 2013

Image
2013年的高雄App創意聚焦論壇於 10/30 在高雄軟體園區舉行,當天的 議程 區分下上半場,上半場是專家論壇,下半場是 10 家新創團隊的 Demo show。本文摘錄專家論壇三位演講者(之初創投 程九如、LINE 陶韻智、Hiiir 時間軸科技 葉建漢)的內容。

使用 Bootstrap 建置雛型網站

Image
Bootstrap 是一套網站前端的框架,目前對此框架的評價很好,被許多網站採用 (以Bootstrap建置的案例),需要為愛上Bootstrap找理由?就在眼前
框架內容包含 HTML5, CSS3, jQuery 等檔案組成,至於從官網 下載 整包檔案後,要如何形成網站,還是得靠網頁設計師才行吧 !? 噗 ~~~

不過,透過第三方工具能讓這一步走得容易些,本文所介紹的工具與操作方式,相信對於 Bootstrap 新手或不熟悉 HTML5 語法的朋友,可以較容易上手。
期許也能讓專案經理、程式開發人員也自行完成建構 (漂亮的) 雛型網站。

MOPCON 2013 notes

Image
MOPCON 是專注於行動軟體開發 / 應用技術之專業研討會,也是南部最大社群研討會。2013年於 10/26 ~ 27 在高雄國際會議中心舉行,這是 MOPCON 第二年舉辦,今年的 議程 中分三廳進行,除了四場 Keynote 外,同時段有三堂課可以選擇,有兩廳以技術為主,有一聽以營運為主。營運主題的場次亦適合非程式開發人員,大多是邀請新創公司或App獨立開發者擔任講者,分享其創業或開發App獲利的方式。對於幾堂創業分享課程印象深刻,能現場聆聽 Startup 創辦人的分享,瞭解他們經實創業的過程,讓人也跟著熱血起來。演講者的陣容很堅強,其中有不少特別從國外來的演講者,如:Amazon Web Service (兩位阿豆仔),PTT批踢踢創辦人。另外像 TonyQ (JSDC核心成員),Sega (iKala SEO) 也都是曾拜讀過他們的文章。

KSDG #2 jQuery Mobile + PhoneGap

KSDG 第二次聚會於 2013/10/11 在高雄軟體科學園區舉辦,活動資訊。 當天有兩個主題:jQuery Mobile 與 PhoneGap。 Query Mobile 是一個專為 Mobile 所設計的 Web 前端 Framework,套用其框架可以設計出在個種手機上均看到相同的 Web畫面。
PhoneGap 是將 Web 程式轉為各種各種手機的 App, 包括: iOS, Android, WP, FireFox ... 等六種平台,功能與效能上不比原生語言所開發的 App。其最大優勢是撰寫一次 JavaScript 的 Web 程式,就可以轉生成六種平台的 App。
未來有 Mobile App 需求例如:網站活動、企業內資料查詢...等應用,可以嘗試選擇合併搭配這兩種技術或單以 jQuery Mobile。

解決搜尋引擎查不到網站

Image
接獲一個挺新鮮的任務,客戶反應:自家的高雄市民政局官網 http://cabu.kcg.gov.tw,Google 可以找到但是 Yahoo 卻找不到。本文記錄一下前前後後約一個月(9/12~10/14) 的處理過程。先提一下 Yahoo 搜尋目前是採用微軟的 Bing 搜尋引擎,原問題修正為:Google 有找到,但 Bing 找不到。

如何修正 VOB 檔案的播放時間

Image
將影片檔 *.vob 上傳至 Windows Azure Media Service,經編碼後有時會發現影片的長度變短,影片還沒播完便提前結束。造成此問題的可能是當時錄製影片過程中,有按下暫停後再錄製等動作,導致在 Windows Azure Media Service 編碼時誤判影片的結束點,這個問題目前已向 Windows Azure forums 提出。尚未獲得正確解決方法前,筆者實驗發現,透過轉檔工具 (Avidemux、格式工廠) 先將原始 *.vob 轉碼輸出,可修正此問題。

Windows Azure Media Service Training

Image
這是公司2013-10月份第一週教育訓練的文件,本次主題是:Windows Azure Media Service 程式開發。課程綱要:
申請試用 Windows Azure 。 Windows Azure Media Service 簡介。 使 SDK 進行程式開發。 專案分享:jn-math.com。

jQuery plugin 顯示 facebook 粉絲團照片

Image
接續前文<<jQuery 顯示 facebook 粉絲團照片>>,修改原本的 jQuery 加入動態產生標籤與CSS,讓使用端更為簡單。
第一撰寫 jQuery plugin,主要是參考:[jQuery] 自製 jQuery Plugin - Part 1,這文章寫得很詳盡,推薦 !!
筆者已將 jQuery 及相關檔案上傳至 Windows Azure 網站上,可選擇以下兩種方式使用。

jQuery 顯示 facebook 粉絲團照片

Image
透過 facebook Graph API 可以 取得/設定 粉絲團的資訊,官方 API 說明文件( https://developers.facebook.com/docs/reference/api/page/ ),寫得很詳細,看過卻不知如何下!! 筆者前後也瞄過好幾次,但總是不得其門而入。
近日工作上遇到一個需求要在其他網站上顯示粉絲團相簿。同事幫忙找到範例程式,以 jQuery 解析 json 文檔後,呈現在網頁上,對於 jQuery 與 facebook API 兩者均生疏,趁此機會一併熟悉。