設計好看 UI 的七個方法 前端很重要的一項技能就是切版,切版就是一項看似簡單,但充滿眉眉角角的一項技能。也是在自己使用 Figma 設計 UI 之後,才更了解到專業的重要。 2021-10-06 Translate #Translate
Translate系列的由來 此系列將會找一些在 Dev community,或是 Medium 的英文文章。一方面看看外國人如果寫出好的技術文章,一方面練練英文閱讀,將讀過的內容消化吸收,再加上自己的見解,撰寫成筆記,方便往後自己查閱。 2021-10-04 Translate #Translate
Styled Components 官方文件 前言整理 styled-components 的一些使用方法。根據 styled components官方文件進行紀錄。 2021-09-06 React #Styled Components
重新認識切版 - Sass實作 雖然之前整理過一篇 Sass 筆記,但許多實作的地方紀錄的還是有點不清楚。 為什麼要使用 Sass?管理 css 的時候非常方便。 但是,網頁只看的懂 css 檔案,副檔名還是 css,不用改 sass。 2021-06-28 切版 #HTML&CSS
重新認識切版 - Ep02 CSS 語法這邊會記錄自己不熟的 CSS 語法,與實作上遇到的觀念。 line-heightline-height是行高設定。當line-height 為 1 時,元素高度就會等於本身的文字內容高度。 因此,要和文字等高的話,就需要變更行高設定。但通常文字內容或是標題的行高都會設定 1.5 或是 1.2,避免內容看起來太擠 2021-06-26 切版 #HTML&CSS
JS 陣列處理技巧 在練習 JS30 Day4 的這段時間,剛好看到六角學院卡斯柏的 JS 陣列處理技巧直播,這篇會將影片內容記錄下來,也加深自己的印象。 在開始之前,先提及一張圖搞懂 JS array 函式,這張圖是一位波蘭工程師分享在 Twitter 上的,非常厲害。 2021-05-31 Javascript #Javascript
重新認識切版 - Ep01 在某次的面試中,被問到 meta 相關問題,卻回答不出來,才發覺有些HTML的觀念非常的重要。切版看似簡單,但要在短時間內切出1px不差,且不會破版的版,是需要經過大量練習的。 所以才有此系列的誕生,會記錄過往學習切版時,被自己忽略的重點。 HTML 簡介 2021-05-30 切版 #HTML&CSS
[JS30] Day4 - Array Cardio 學習到的知識點 filter() 篩選資料 map() 與 forEach() 的差異 sort() 的穩定排序 reduce() 的用法 querSelectorAll() 篩選資料 sort() 與 spilt() 組合技 2021-05-24 JS 30 #Javascript