每24個月,前端都會簡單一倍

之前看到「每18至24个月,前端都会难一倍」這句話時(2015)的反應,是覺得其實應該是反過來的,前端是越來越簡單的才對。過了兩年,還是依舊覺得... 因為現在的這份的工作有不少legacy code(第一份有legacy code的工作!),在遇到在維護legacy code的部分時,會發現跟現在類似互動程度的前端UI,以前用jQuery實現的程式碼超級長,而且我總是看不懂是在寫什麼,所以在維護legacy code時總覺得工作非常困難。跟現在的程式碼兩相對比之下讓我更深刻的體驗了寫前端真是越來越簡單。 更新UI越來越簡單 更新UI越來越簡單應該是前端人都有體會。(2010) jQuery是直接對DOM做操作, »

痛苦太多 收穫太少

在 A List Apart 最新發表的一篇關於 CSS 寫法的文章 Meaningful CSS: Style Like You Mean It 裡,作者重新推廣所謂的 semantic, meaningful CSS。我蠻驚訝 A List Apart 會上架這篇文章,因為 A »

UI, UX, designer

什麼是 UI,什麼是 UX?這種問題從索緒爾/結構主義語言學的角度來看是沒有(標準)答案的,因為詞彙與意義之間的對應關係不是因為詞彙與意義之間有個聯繫而產生,意義是因為詞彙在脈絡(context)之中的參照而產生的。換句話說,一個詞彙的意義只有看完句子的上下文,這個句子的上下句,甚至可能要看整篇文章,甚至收錄這篇文章的書,才可能產生。 但是沒有答案不代表這個問題沒有意義。會一直有人問這個問題,與大量「什麼是 UI / UX」 又彼此見解相異的文章代表了這個 UI »

Bootstrap V4

http://v4-alpha.getbootstrap.com/components/utilities/ 經過一年的開發,Bootstrap V4 發佈了。UI 外觀上沒有什麼變化主要是程式碼的進步,引進新的技術 ———— 主要是 flexbox 和 ES6。 對於 flexbox ,bootstrap 文件是這樣說: In a nutshell, flexbox provides »

網頁設計,是你認為的好工作?—馬克思主義的觀點

投影片:Speakerdeck 這是我這次在 ModernWeb Conf 2015 的演講,嘗試用馬克思主義的角度來分享一點我工作一些年來的一些感想。這些感想是起源於現在台灣的勞動環境實在不佳,被稱為「鬼島」。但是為什麼我自己卻沒有別的勞動者遇到的問題呢?這當然不是因為我比較優秀,這點自覺我還是有的。 這是第一次在大型研討會演講,所以蠻緊張的,尤其是會議室居然坐滿了。結果很多本來想舉的例子沒有舉出來。像是在講「異化」的時候本來想講我從《不理性的力量》這本書看到的例子。《不理性的力量》裡面關於工作意義的實驗非常有趣,《不理性的力量》 »

連寫 style guide 也是用 reactjs 最方便

ReactJS 用一陣子後,真是覺得越用越喜歡。現在還發現一個 ReactJS 的妙用,那就是建 Style Guide。我們都知道 CSS 也應該寫文件,最好寫得像 Bootstrap 的一樣方便好用。不過寫文件大家也知道是一件麻煩事,所以就有一些工具來幫忙。 一種工具是讓你在 CSS 上寫註解,然後再 parse 這個註解,像是你寫的 HTML 範例, »

自學(好的)CSS 是可能的嗎?

TonyQ 又開新戰場了。發源是抱怨拿到寫得很爛的CSS。 最厲害的就是 0 height 就算了,下一個區塊往上遞補的時候,不是回頭 clearfix ,竟然是補 margin-top 硬算。要這樣你怎麼不乾脆都用 position:absolute 算了,至少還不用在那邊玩俄羅斯方塊。 不然就是到處都把 width / height 寫死,明明可以倚賴父元素的寬度(100%),硬要寫死是怎樣,而且從最外層 »

網頁設計師所需能力有哪些?

網頁設計師,是一種設計師。所謂設計,一個看起來最屌的說法就是設計是解決問題。設計是不是就是解決問題我不知道,不過我認為至少設計的「目的」是解決問題。 所以網頁設計師要有競爭力,就是要能解決網頁上的問題,才有競爭力。 有什麼問題呢?舉例一些,但是不只: 技術的問題 銀幕尺寸不確定 網路速度不夠快(永遠不夠快) 瀏覽器不確定 技術更新不等你 訪客的問題 訪客不一定是人(例如google bot) 訪客很懶惰,沒耐心( »

玩玩 react.js

因為前陣子看到不少人大力的讚美 React.js ,所以我也忍不住也來玩玩看了。之前只知道 React.js 的特別之處在於 virtual dom,速度非常的快,但是速度不是我的興趣之處,所以就沒有再接觸了。這次再研究後才知道,React.js 還有一個特點就是能同時在 server side 以及 client side render,而且這個 virtual dom »

AngularJS 2 的 directive

AngularJS 團隊最近在 ng-europe 研討會上公佈了 AngularJS 2 的設計。原本只有投影片出來,有非常多的變更,讓很多人都嚇到了。尤其是 directive 的語法跟現在完全不一樣了。真的要升級的話,要改寫每個 directive… 應該是沒有人有時間吧。 不過看過影片後,因為每個更動在發表中都說明了理由,所以基本上每個更動都能接受了。其中 directive 的更動,也讓我又更了解 HTML 一點了。 »