為什麼要學習 Bootstrap 呢?

最近在工作上或者跟有在做網站開發的朋友聊天,都剛好會討論到 Bootstrap 這個 CSS 框架。

在業界,我想大部分的公司也大多會以 Bootstrap 為基礎來開發網站,而這幾年網路上可以買到的版型也多以 Bootstrap 為主。

從這些跡象看起來,會使用 Bootstrap 很重要,中間的過程跟原因是什麼呢?

可維護的 CSS

這週的 CSS Weekly 以及幾個前端相關的電子報都提到了叫做 Maintainable CSS 的專案,乍看之下還以為是討論可維護 CSS 專案的文章,沒想到是一種 CSS 框架。

幾年前 Responsive Web Design 和 Single Web Application 開始熱門起來的時候,大家也注意到網站使用的 CSS 逐漸複雜。所以開始有像是 OOCSS、SMACSS、BEM 等等理論出現,綜合來看這些技巧對於維護網站的樣式上都是很有幫助的。

會寫這篇文章是因為 Maintainable CSS 在很多地方上跟我自己使用的方式類似,而我目前採用的則是 SMACSS 跟 BEM 的混合版本,所以就打算來分享一下自己的經驗和技巧。

將遊戲場景帶入網頁

昨晚公開了畢業製作的官網「遠古神話 - The Lost Mythologies」並且使用了「全景攝影技術」在網站上。

喜歡我們的話請到粉絲專頁幫我們按個讚 XD

沒想到反應還蠻熱烈的,雖然官網目前也只有全景預覽以及 LOGO 而已,不過似乎造成了一點點話題。

那麼,這個效果到底是如何做出來的呢?這篇文章就會簡單的說明。

主要的目標大致上有:

  • 順暢的瀏覽
  • 清晰的畫面
  • 全景圖片的製作

自製 Blogger 佈景的小技巧

據說自從期末開始後,就很久沒有寫網誌了⋯⋯

就在期末快結束的某一天晚上,高中同學傳訊息問我:「有在忙嗎?」
於是,我就這樣開始拯救快被二一的好朋友拉 XD

老師:「阿你們就回去改一改 Blogger 佈景當期末」

從以前開始,我就一直覺得 Blogger 的佈景超難改,那鬼一般的 XML 總是讓我的網誌東少一塊西少一塊(崩潰
不過為了拯救同學,我只好開始重新面對它⋯⋯
(至於我一直都沒有用 Blogger 當網誌,有很大的原因就是這東西 Orz)

React - Facebook 的 UI 元件 Library

昨天在 TEDxTaipei 實習的時候說要修正之前 Timer (計時器) 的錯誤,我馬上就想到可以用 Facebook 的 React 來改寫。

之前就非常想玩看看,這次完了之後發現確實不錯,可以來推一下 XDD

註:暑假剛好有機會在 TEDxTaipei 實習,主要處理 WordPress 後端一些 PHP Code 和一些與前端搭配的技術,而計時器在 TEDxTaipei 會自行製作是因為有多了幾個特殊的按鈕的關係。