Skewer - 使用 callback 方式的 flow control 練習、社團教學
flow control 在 javascript 中相當重要,也有許多 module 可以使用,不過不應該只是使用,而不去了解背後的一些動作,也有很多情況其實用不到整個現成 module 中的功能,可能有用到的只是一小部份,那為什麼不直接寫在程式內呢?所以利用學校社團教學的機會稍微去思考常見情況下的解決辦法。
Github:skewer
Today's Document
almost home

tannertan36

No title available
hello vonnie
Keni
Cosmic Funnies
taylor price

Discoholic 🪩
NASA

No title available
dirt enthusiast
Alisa U Zemlji Chuda
Monterey Bay Aquarium

shark vs the universe
TVSTRANGERTHINGS
No title available
RMH

Kiana Khansmith
2025 on Tumblr: Trends That Defined the Year
seen from United Kingdom
seen from United States

seen from United States
seen from South Korea

seen from Brunei
seen from United States

seen from United States
seen from United States

seen from United Kingdom

seen from Malaysia

seen from United Kingdom
seen from Netherlands
seen from United Kingdom

seen from Singapore

seen from United States
seen from United States

seen from Greece

seen from Türkiye

seen from United Kingdom
seen from United States
@poyingme
Skewer - 使用 callback 方式的 flow control 練習、社團教學
flow control 在 javascript 中相當重要,也有許多 module 可以使用,不過不應該只是使用,而不去了解背後的一些動作,也有很多情況其實用不到整個現成 module 中的功能,可能有用到的只是一小部份,那為什麼不直接寫在程式內呢?所以利用學校社團教學的機會稍微去思考常見情況下的解決辦法。
Github:skewer
another-livereload
LiveReload 很有名,就算沒用過應該也都聽過,mac 上有關方出的工具可用,不過我不是 mac 使用者阿...
雖然 Github 可以找到許多用不同語言寫的 LiveReload Server,但好像幾乎都不是很符合我目前的需求,所以就自己快速的寫了一個,我的需求如下:
簡單操作
可搭配 stylus, sass 服用,不須一個一個 watch
Github:another-livereload
Demo
CSS Click Events - Lightbox 解析
Lightbox,幾乎每個網站上都見的到,大同小異,本來也打算刻一個類似的東西出來,但昨天 WM 分享了一個滿特別的效果,所以改變了方向,效果大致長這樣
Check out this Pen!
CSS Click Events - Tabs 解析
Check out this Pen!
Tabs 是常見的元件,所以不多作說明,直接開始介紹如何一步步完成上圖所呈現的功能。
CodePen:展示, 編輯
CSS Click Events - 概念
CSS Click Events???
其實 CSS 本身並沒辦法處理 Click Events,而是必須透過一些小技巧達成,達成後可以用來作一些以前必須用 JavaScript 才能達到的效果,像是 Slider、Tabs、Lightbox,這些東西都可以單純使用 CSS 而不需要打任何一行程式碼就能辦到!(不過似乎 CSS 的原來並不是這樣玩的?!)