終於又來到了這個網頁的尾聲，用 footer 來結尾，想要呈現的樣式如下： footer 的內容不用太多，但目標要明確，比如在 header 沒有呈現的補充資訊...
DAY 9 互動式遊樂場 (Part 3) 解決 Suggest 功能快捷鍵和中文輸入法衝突 由於 Windows 預設的 editor.action.trig...
音樂網頁一定要有影音可以聽，這次來分享怎麼把 youtube 影片嵌入網頁中，預計畫面如下： 看起來好像很難，是不是要寫什麼播放語法，還是怎麼寫入影片啊...其...
DAY 8 互動式遊樂場 (Part 2) 多重游標編輯 Multi-cursor Editing 這個多重游標編輯主要是指區塊選擇、選擇所有相同的選取內容或...
ul li 列表寫法用途真的很廣泛，能呈現的方式也非常多。想要呈現的方式如下： HTML 程式碼如下 <div class="prefer...
DAY 7 互動式遊樂場 (Part 1) 在 VS Code 的 Welcome 頁面中，有一個 Interactive Playground，可以幫助你認識...
這次要寫一個新聞欄位，是用 ul li 做成的圖文並茂，標題為連結，可以點擊的樣式畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到，只是內容有不...
DAY 6 喜好設定 今天我打算來介紹一下我自己喜歡的喜好設定，基本上喜好設定這種東西因人而異，我今天介紹的東西，如果你覺得喜歡就可以直接設定到你的 VS Co...
VS Code 說到安裝環境除了提到Anaconda之外，怎麼能不提到好用的Python的編輯器呢? 雖然就算沒有好用的編輯器也可以寫程式，不過一個好用的程式碼...
DAY 5 客製化主題 心情不好？改變顏色可以調節情緒！雖然說我很喜歡這個原本預設的黑黑的畫面，但是我今天還是會來教你怎麼修改「色彩佈景主題」和「檔案圖示主題」...
今天要來寫一個滿版圖片，但不使用 img 的標籤，想呈現下方畫面 這次做法跟先前一個練習類似，但這次有一個地方有優化了一下，就是在這個地方增加下列屬性 .con...
Hi我阿寧啦今天是第三天 要來建立專案囉 還沒下載VS Code的人我勸你是做好快點去下載喔(派VS Code真的很好用，有很多實用的擴充功能適合多種開發環境安...
DAY 4 快速上手 (Part 3) 在昨天的文章中，你應該已經對 VS Code 的介面有初步的認識了，今天我就要來教你可以對你的編輯器做什麼初步設定。 工...
本文同步發表於斜槓女紙部落格：Day3 編輯器擴充套件設定+引入Vue.js 嗨～今天要來說說我習慣使用的開發環境，由於我的mac已經設定好了，捨不得打掉重...
左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容，預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用，如下圖: 為了要讓兩欄的...
DAY 3 快速上手 (Part 2) 在昨天的文章中，你應該已經把 VS Code 安裝完成了，今天我就要來帶你認識 VS Code 打開後的畫面啦！ VS...
aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!!HTML 如下： <div class=...
DAY 2 快速上手 (Part 1) 要寫一個軟體的教學文章，不免俗的總要來個安裝教學，但是我只想要提我覺的值得注意的部份，另外，由於我平常的使用環境是 Wi...
進入 aside 中間部分的編寫，想要寫成下方畫面程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <u...
DAY 1 前言 Visual Studio Code (簡稱 VS Code) 是由微軟開發，同時支援 Windows、Linux、macOS 且開放原始碼的...
這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式，但我還是沒有研究出來 search 要怎麼對齊在 navbar 的中間...
小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式，接下來這一週要向 KKBOX 致敬，撰寫內容如下 navbar 導覽列 左邊 si...
終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...
今天在這個網頁內嵌入一個 map 跟寫一個 form，左邊放入地圖，右邊放入註冊資訊，會如下方所示 HTML會長這樣 <section3>...
一個網頁的產生，除了跟消費者介紹產品與提供資訊外，最重要的就是要提供下單服務啦!!這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表，H...
現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...
謎之聲 只要是超人迷一定知道這句話 "為什麼世界需要超人?" 出現在一部電影"超人歸來"中. 我們先準備好開發環境:...
Angular推薦編輯器 VSCode 好用插件： Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...
{ "[cpp]": { "editor.formatOnType": true,...
因為小弟最近買了新電腦，順便記錄一下各式各樣的插件，首先安裝以下幾個東西~ Node.js VS Code Git 接下來開始介紹套件拉~ i...
Tim Hsu
戴均民
RRR怕大星
ganin0302
鍾小呆
閃電妖精
iThome鐵人賽
看影片追技術