
不用瀏覽器的前端開發
最近在準備明年(2024)的連載主題,在實作的時候意外發現自己逐漸習慣「不使用瀏覽器」的狀況下去進行開發,除了比較常用的後端情境之外,連前端也很順利的可以實踐這件事情。
對我來說軟體開發是一件非常有趣的事情,然而許多時候並不一定能滿足條件。
為此,我開始思考如何讓大眾「開心寫程式,製作有趣事物」的方法。
最近在準備明年(2024)的連載主題,在實作的時候意外發現自己逐漸習慣「不使用瀏覽器」的狀況下去進行開發,除了比較常用的後端情境之外,連前端也很順利的可以實踐這件事情。
最近在工作上或者跟有在做網站開發的朋友聊天,都剛好會討論到 Bootstrap 這個 CSS 框架。
在業界,我想大部分的公司也大多會以 Bootstrap 為基礎來開發網站,而這幾年網路上可以買到的版型也多以 Bootstrap 為主。
從這些跡象看起來,會使用 Bootstrap 很重要,中間的過程跟原因是什麼呢?
這週的 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 而已,不過似乎造成了一點點話題。
那麼,這個效果到底是如何做出來的呢?這篇文章就會簡單的說明。
主要的目標大致上有:
據說自從期末開始後,就很久沒有寫網誌了⋯⋯
就在期末快結束的某一天晚上,高中同學傳訊息問我:「有在忙嗎?」 於是,我就這樣開始拯救快被二一的好朋友拉 XD
老師:「阿你們就回去改一改 Blogger 佈景當期末」
從以前開始,我就一直覺得 Blogger 的佈景超難改,那鬼一般的 XML 總是讓我的網誌東少一塊西少一塊(崩潰 不過為了拯救同學,我只好開始重新面對它⋯⋯ (至於我一直都沒有用 Blogger 當網誌,有很大的原因就是這東西 Orz)
昨天在 TEDxTaipei 實習的時候說要修正之前 Timer (計時器) 的錯誤,我馬上就想到可以用 Facebook 的 React 來改寫。
之前就非常想玩看看,這次完了之後發現確實不錯,可以來推一下 XDD
註:暑假剛好有機會在 TEDxTaipei 實習,主要處理 WordPress 後端一些 PHP Code 和一些與前端搭配的技術,而計時器在 TEDxTaipei 會自行製作是因為有多了幾個特殊的按鈕的關係。