鐵人檔案
主要想在這30天內分享從0開始學基礎網頁開發的學習歷程
除了會撰寫學習到的筆記與心得, 也會進行實作的部分, 邊學邊做
從DOM, HTML, CSS到functional programming, javascript, Node.js
DOM Behind the scenes: How the browser renders a web page? What is DOM (Document...
相信種種奇幻怪談的電影, 電視劇或是小說, 現今的大家應該都不陌生, 比如剪刀手愛德華, 科學怪人, 等等, 從無數無生命的骨頭, 木頭, 金屬, 屍體拼湊而成...
最近使用了 Windows 11 的 暗黑模式, 感受到了整個作業系統介面, 讓長期需要盯著螢幕的我們有更舒適輕鬆的視覺體驗, 同時也可客製化選擇搭配暗黑模式...
你以為 dark mode/dark theme/night mode 介面設計就是全黑背景搭配全白文字嗎? 其實 dark mode 在介面配色方法上也是有學...
選擇器把 HTML 和 CSS 結合在同一頻率上, 可互相溝通。HTML 的 tag 知道要從 CSS 哪邊套取樣式, 而 CSS 可以和 HTML 溝通要去哪...
What is Specificity? What if the selector is different?給定一個元素, 還有兩個不同的選擇器去選擇樣式規則...
CSS and Layout 一個頁面被 CSS 渲染出來後, 其 Layout 扮演很重要的角色, 將影響使用者會不會繼續訪問網頁, 其訪問性是不是友善的。...
為什麼需要 Flexbox: 為了讓元素能夠適應各種顯示設備和螢幕尺寸, Flex Layout 的作用是讓 container 能夠使其 item 的 wid...
隨著網頁開發設計技術的精進, 為了讓網頁可以排出更複雜的版面, 我們就需要來探討 Position (定位) 的屬性與如何運用 Position。 What...
過了這幾天的努力, 我們學到了什麼呢? 如何使用 HTML5 為網頁編寫內容 如何使用 CSS 向網頁添加樣式並將 CSS 文件與 HTML 文件串接起來...
