Makzan

我管理世界職業技能競賽之網站技術項目、舉辦本地設計與開發賽事、開課分享技術心得。一個用網頁來表達自己的作家。

2021 第 47, 48週網站開發好連結分享—網站無障礙, 漸層背景生成器, 每日一篇編程謎題

曾經讀過一本書,說道除了病倒及健康,還可以把身體狀況劃分為四級:良好、健康、未病、病倒。而經過這一波操勞後,現在應當時未病但差不多的狀態,所以過去幾天強迫自己休息多了,停了四日沒有發文、在公司也閉目養神、一回家便睡覺。終於可以停頓一下,好利用這段時間總結、回顧、反省、優化。

經過三週多的日子,連續地幾乎每日上堂的日子要完成了。之前十月一波疫情停課後,十一月及十二月安排了報復式補課。每星期只有星期五是不用上課的。現在明白了為何我上級不允許我一星期教超過四堂課。因為就算熟到不用備課,上課也熟到講一句知道下一句要說甚麼的情況,也會體力透支。上星期四上課時已到了自己感覺可能會暈倒的水平。

曾經讀過一本書,說道除了病倒及健康,還可以把身體狀況劃分為四級:良好、健康、未病、病倒。而經過這一波操勞後,現在應當時未病但差不多的狀態,所以過去幾天強迫自己休息多了,停了四日沒有發文、在公司也閉目養神、一回家便睡覺。

至上週六也順利完成了一班 Python 及中期完成了一班 PHP 班。除了剩餘一班 Python 星期二四上課外,終於可以停頓一下,好利用這段時間總結、回顧、反省、優化。另外,這週更改了上班路徑(條條大路通羅馬公司),路過了幾次美麗的嘉思欄。

嘉思欄花園

→ 無障礙 / 撰寫無障礙教學文

這兩週寫了保持撰寫教學文,唯獨昨日太累沒有發無障礙星期四。

發現我寫 LIKE 幣應用的文章較多人看及互動,Python 編程及 CSS 技術都有一定互動,無障礙果然是最少的。無障礙的一個很大的誤會就是無障礙只適用於少數人。其實無障礙是大家都會有得益的。


→ 無障礙 / 22 個誤會點
https://a11ymyths.com/

這個網站有 22 篇無障礙的誤會點。 例如以為為圖片加入替代文字便完成。又或者以為這只是開發者的責任。其實無障礙是從設計到內容到導航設計等,是所有涉及的。然後又會有誤會以為無障礙需要投入更多資源去做,其實相反的。無障礙的根本就是用好標準及規劃好內容結構,亦即根基打得好。打好了根基,再做任何擴展都能避免複雜度驟升,亦即更節省長遠開發成本。



→ 編程 / Advent of Code 每日一篇編程解謎
https://adventofcode.com/2021

12 月 1 日開始,每日一題,共 25 題,直至聖誕。



→ 工具 / 漸層背景生成器
https://fffuel.co/ffflux/

來自早前介紹過的 fffuel.co 團隊,上次我介紹的是 SVG 不規則圓角形狀生成器,今次是實用價值更高的背景生成器。

漸變背景生成器


→ 開發工具 / Chrome 自帶傳感器模擬
https://twitter.com/jh3yy/status/1463615619824332807

開發者工具真的越來越豐富,現在可以模擬手提設備的傳感器。



→ 酷 / 隨機把兩個 Emoji 混合
https://tikolu.net/emojimix/

例如,🤯+🌍 會得出以下圖樣。這令我想起一個腦力激盪活動,就是把隨兩個事物放到一起,然後迫自己說出它們的共通點。

Emoji Mix


→ 動畫範例 / 一個簡單但挺酷的 CSS 動畫
https://codepen.io/chris22smith/pen/VwzORVZ

利用了 Rotation 及拉長來做到一個文字旋轉淡入效果。

一個有感覺的 CSS 文字淡入動畫


—2021 week 48, 麥誠。


我是麥誠軒(Makzan),除了正職外,平常我要麼辦本地賽與辦世界賽,要麼任教編程與網站開發的在職培訓。現正轉型將面授培訓內容寫成電子書、網上教材等,至今撰寫了 7 本書, 2 個視頻教學課程。

如果我的文章有價值,請訂閱贊助我持續創作分享。

訂閱贊助:https://liker.land/thomasmak/civic

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

2021 第 46 週網站開發好連結分享—陰影生成器、輕量級網頁畫板、學習正規表達式

3

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區