自己的工作環境自己救

現在公司的內網系統,是用ASP寫成的,據說有一點年紀了,
雖然在功能上,還算過得去,不會有重要功能無法使用的情形;
但是在版面上,就有點痛苦了,基本上是用十幾年前的設計思維來做的。

身為公司內網,自然要有許多表格來呈現報表,
但是這些表格不只沒有RWD,為了要配合十幾年前的螢幕大小,把寬度都被寫死了,字體也設定得很小。
放到現在的高解析度螢幕來看,整個內容就會擠成一團,
徒留兩旁的空白,眼睛用力看的時間一久,
人生也要變黑白了…

這個問題困擾了我好久,
畢竟是每天要接觸的工作環境,
如果不方便、不舒適,那一定會對工作效率產生影響。
其實我也曾經想過是不是要建議公司重寫內網,
不過這是個超級大工程,也有點不切實際,只好作罷。

直到前兩天我再也受不了公司電腦一直壞掉的Firefox瀏覽器,
改安裝微軟最新出的Chromium Edge時,
突然靈光一閃:
對耶!不是還有油猴嗎?(Greasemonkey)
油猴可以自訂頁面,甚至可以新增、變更原本網頁的功能,
我用它來修改公司內網就好了呀~
自己的工作環境自己救!

於是就在我興沖沖地安裝了油猴擴充功能,
準備要來好好解救我的眼睛時…

我不太會寫Javascript…

我有一些基本的概念,
可是要像這樣,從無到有寫出自己想要的功能,
臣妾做不到啊啊啊!

好哩加在,
以前有做過一些網頁,對於HTML和CSS還算是略懂略懂,
在我搜尋油猴相關的教學文件時,
看到了救世主擴充套件:Stylus,是用CSS來修改頁面的元素。

嗯哼,這個東西還算可以駕馭,
馬上複習一下CSS之後,
再加上
http://csscoke.com/2013/09/21/%E4%BD%BF%E7%94%A8css3-nth-childn-%E9%81%B8%E5%8F%96%E5%99%A8%E8%A9%B3%E8%A7%A3/
這個網頁的知識補完,
把現有表格的寬度、字體大小都做了一些調整,
還新增了滑鼠位置的提示功能~

現在總算成功把表格變好看啦!
Stylus萬歲!CSS萬歲!HTML5萬歲!

發表迴響