跳至主要內容

換版型

換這個版型的50%原因在於希望瀏覽的方式更簡單些,沒有一些有的沒的廣告或是圖片,同時也是為了能讓手機使用者透過那小小的螢幕瀏覽時沒有困難,於是把之前的版型換成現在的版型。不過,Muser所設計的這款版型,在原本的設計上,寬度都是固定的,這就導致不同大小的視窗在瀏覽上,即使寬度固定讓網頁不會跑掉,但兩邊就是會浪費掉,這點就不符合無障礙網頁的原則,這不是參考研考會的90條文言文規範,而是參考Web Accessibility Tools裡的視窗縮放工具後得到的結論。

Blogger本身也做了很多的改變,所以在這次換版型上,我也儘量使用Blogger本身提供的功能,例如上方導覽列就是提供的Page功能,繼續閱讀也不再使用其他網友寫的語法,Label也用Blogger本身提供的Label clouds。一來是為了日後維護簡單,二來也是要減少loading的時間,天知道在跑那些scripts時浪費多少時間在裡面。

大致上的改變如下:
  1. 取消文章最後的隨選閱讀:有些過期的文章,我還不見得找得出來去修正資訊,目前這裡七百多篇文章,一天改兩篇也不見得改得完。
  2. 移除Google、Amazon和博客來的廣告:我不是什麼知名部落客,這個廣告放了也沒什麼多大用處,但之前放這些廣告也讓我大概知道這些工具是怎麼運作的。博客來的廣告比較麻煩,我要一篇一篇進去修改文章。
  3. 網頁文字內容應該還是比圖片多。
  4. 繼續只對朋友開放。事實上,減少blogging,我可以做更多事情,但拍照和分享及口語化文字還是不變的。
不過,這個版型的問題還是在的:
  1. 左邊區塊及右邊區塊的位置還要再調整。
  2. 在無障礙網頁中是希望一個網站的瀏覽不要只被限制在某些瀏覽器,特別是IE Only。目前的版型是在Chrome裡完成更改的,Muser在設計時其實也是建議使用非IE瀏覽器來瀏覽,且在IE和Chrome或Firefox的視覺上是不太一樣的。然而M$的使用者占多數,而政府單位也多是只設計給IE使用者,導致市場上使用IE的人占多數,
  3. 改成百分比來控制blog的版面雖然可以在不同大小視窗閱讀不會有破版的問題,但在手機螢幕裡還是有文字被切除的狀況。我不知道在新型的手機會不會有這種狀況,我的手機是舊舊的GSmart T600,裡面的瀏覽器是IE不知道哪一版的?有機會再借HD2的Opera和IE來瀏覽看看,如果有iphone,我也想試試看。
  4. Blogger的新編輯器在HTML上好像不是那麼好用,而且在它們改成使用xml設計版型後,我要放最基本的accesskey都有問題。
先嘮叨到這裡了,阿肥肥在我床上睡著,已經占了我一半床舖了。

留言

  1. Blogger導覽列,我實在看不懂要怎麼使用?
    可否請容顏指點迷津一下咧?謝謝。
    你這個版面很清爽,看起來很舒服。

    回覆刪除
  2. 這個功能好像只提供在Draft裡使用,也就是試用版的功能,算是額外的編輯頁面。如果要說明可能要用一篇文章來說,等不及可以先看看Blogger的官方說明
    現在還有很多文章及內容還要更新,就...慢慢來吧!

    新年快樂啊!

    回覆刪除
  3. 謝謝說明囉!
    原來要在draft才可使用啊…

    回覆刪除

發佈留言

請勿匿名留言,待審核後才會出現。

此網誌的熱門文章

聽死神說故事--偷書賊

書名:偷書賊(THE Book Thief) 作者:Markus Zusak ISBN:9789866973420 作者網站: Markus Zusak 譯者:呂玉嬋 出版:木馬文化 封面取自博客來網路書局。 購買於小小書房。 這個夏天讀《偷書賊》和《失物之書》,會在兩本不同的故事裡看到同一個時空背景所發生的故事,同樣是發生在孩子身上的事,同樣在說文字的力量,但《偷書賊》的節奏比《失物之書》緩慢一些。我盡量不要比較這兩本書,因為這是很無聊的事,但在閱讀的過程裡總驚訝這兩個故事有那麼多巧合之處,不是情節上的相似,而是在人物角色和背景總是有相似或是對立的情況出現。 《偷書賊》的女主角是被德國夫妻領養的莉賽爾,原本也要一同被領養的莉賽爾的弟弟卻死於火車上,莉賽爾在遭受與父母分離及弟弟的死亡後,在精神上受了極大的創傷,幸運的是領養她的父母是故事書中最仁慈的角色,給了莉賽爾完整的愛,不同於此時期裡其他的孩子可能瀕臨餓死或是送入集中營或是在街頭流浪被流彈波及,莉賽爾因為養父母的照顧和周遭的朋友、躲在地下室的猶太人…還有偏愛她的死神。 這個故事的特別處之一,敘述者不是主角或是任何一個書中的角色,而是沒有時空限制,總是旁觀的第三者,特別是在二戰的年代,無所不在的死神,戰場、集中營、巷弄裡,特別的是,這個死神總是想要表現祂冷酷無情和輕蔑人類的一面,但實際上我們從書中讀到的,是祂憐憫人類、輕視、無奈、驚訝人類的個性,也像人類一樣會抱怨工作、具有詩意、幽默感,也就是具有人性的一面: 人類只有在一天的開始與結束時,才會觀察顏色的變化。 但是對我而言,一天當中,每個短暫片刻都呈現出不同的色度與調性。 光是一個小時的時間,就包含了幾千種不同的顏色:蜜蠟黃、柔絲藍、陰鬱黑。 我是做這行的,當然特別注意顏色的變化。 …她貫徹始終,只要經過三十三號的門口,從沒有忘記吐痰,還會外加一句「死豬」。我發現德國人有個特點:他們真的很愛豬。 這個具有人性的死神成了說書者,祂說著在戰時會發生在任何一個角落的故事,然而我們透過祂的眼睛,看到一個帶著色彩、煙硝味濃厚、心驚膽跳與眼淚的故事,祂不儘是旁觀者,同時也是貫穿整個故事的主要角色之一。 整個故事讀起來有對納粹主義的不滿也有對當時情況的無奈。裡面對於創傷後壓力症候群( PTSD )的描寫也很貼切,莉賽爾和猶太人麥克斯分別經歷了不同程度的打擊,也產生了同樣的症狀,

和 AI 工作三個月的感想

在 ChatGPT 在台灣開始流行後,我和它一起工作了大概 3 個月的時間。這段時間裡有許多出現如何監管、治理AI的文章、也有不少教學、像是有不少如何下關鍵字使它協助你工作。這篇文章純粹以一個使用者的立場來分享,這段時間我與 ChatGPT 一起工作的感想,而不是告訴你怎麼治理它或是如何使用它。 這 3 個月裡如何與 AI 一起工作? 因為我的工作知識涉及的領域不止在網路科技,但網路科技卻是我的所有工作範疇的基礎,網路治理是我的入門磚。 在 2 月底 3 月初時,有一份工作內容是聽 12 場研討會的錄影並摘要,原本我們擔心不了解法庭程序、法律用字、各國的法規和習慣不同,但第一個問題是,怎麼有效率的把錄音裡的話語解釋出來?。後來長官提出了一個方法,有沒有可以聽打字幕的工具?把字幕擷取出來,再翻譯成中文,然後再修改?於是我想到 ICANN 會議、IGF 會議所使用的即時字幕工具,但後來又找到了 Web Captioner 。這是許多 YouTuber 會使用的字幕工具。 也許有人會說,這目前市面上有很多錄音筆可以做到這件事了?我要說的是,如果你面對的是不同國家口音、用字習慣、法律用字、法庭程序,錄音筆能否做到同樣的能力?我沒有實際測試過,但 Web Captioner 已經協助減少初期工作的一項負擔,後續的工作完全要依賴這個第一步,不然沒有辦法接下去。 有用過 Google Translate 的人都知道,它最多就是「堪用」而已,你丟什麼給它,它也就回饋你什麼。就是照字面翻譯,沒有上下文的脈絡,當然後續還很多很好用的翻譯工具,但就便利性來說,Google Translate 的便利性還算是高的。 直到 ChatGPT 出現,我從 3 開始用,再到 3.5版,然後付費使用 GPT 4 和一些外掛工具,它開始讓我感受到身為人的限制、受到體力的限制,還有機器學習的快速,更重要的是,它讓我思考如何去問問題。 基本的翻譯工作在 GPT 3 就已經到90%的滿意程度,那個時候我還擔心 Web Captioner 的文字擷取能力會受限於講者的口音,所以我還是會聽著錄音做即時聽打,以使要翻譯的文字檔更完整。一場 90 分鐘的專家討論需要 4 個工作天全力投入才能翻譯、整理完畢,但如果是一個可以講美式或英式英語的講者的專題演講,只要速度不快,大概 1.5 個工作天就能處理完畢。 GPT

讀歐盟「數位服務法」和「數位市場法」草案心得

在 3 月 24 日時參與了 台灣網路講堂 所舉辦的 活動 ,這個活動是以在台灣較知名的美國 Parler 案為題,來討論歐盟的「數位市場法」 (Digital Market Act. 簡稱 DMA ) 對於「守門人」(Gatekeeper) 平台的管制,並邀請了從競爭法、經濟學、公平會、傳播及科技法律不同角度的講者來討論這個議題。 受限於時間,講者們只能把不同角度的重點讓參與者了解,事後再看 DMA 時,才了解並不是只有單純只對守門人做規範,而是從整個歐盟打算將會員國打造成「數位單一市場」(Digital Single Market)的整個脈絡,並從其發展資料經濟 (Data Economic)所發展不同階段的相關政策、指令與法律,而主管 (也是當天活動的引言人) 也提醒,還可以自歐盟在 2018 年 5 月正式執行的「一般資料保護規範」(General Data Protection Regulation,簡稱 GDPR) 觀察,歐盟當局不是只有外表看到的禁止、設限,更重要的,它是希望藉由明確的「法遵」 (Compliance) 要求,建立一個健全、具有發展與競爭機會的數位經濟市場。 這些法遵要求不論是對歐盟會員國境內發展數位服務的廠商、中小企業、不同規模的平台,到跨國企業進入歐盟市場發展,除了要面臨相關的市場調查外,也同樣要遵守。 如果無法看整個歐盟的數位單一市場發展,應該要了解 DMA 其實是「The Digital Services Act package」的法案之一,另一個則是「數位服務法」 (Digital Service Act. 簡稱 DSA ) ,DSA 規範了不同規模的「線上中介產業」 (online intermediary) 該做的事及責任,而 DMA 則是針對法案草案中所規範的守門人更加上了「義務」(Obligation)。由於台灣網路資訊中心已在其部落格中有整理相關的 摘要 ,且台灣網路堂也會公布當天活動的錄影,所以在這篇文章就不再解釋 DSA 和 DMA ,有興趣的人可以自己再去閱讀兩個法案的草案內容,歐盟執委會也有整理許多相關的問答在其網站中,十分好閱讀。 DSA、DMA 與歐盟其他法案的關係 在歐盟執委會網站中有提到,DSA  是一個水平的計劃,重點關注線上中介業者對第三方內容的責任,網路用戶的安全或對信息社會的不同提供者的不對稱