✏️全部文章
React Compiler 在實際的程式碼中表現如何?(翻譯文章)
前端框架-過去幾年,React Compiler(先前名為 React Forget)是 React 社群中最令人興奮和期待的工具之一。 React Compiler 核心概念是提升 React 應用程式...
前往React Compiler 在實際的程式碼中表現如何?(翻譯文章)文章7 個超好用的 2024 CSS 新屬性,學起來增加開發效率
前端特效-前幾天 Google 公布 2024 年 CSS 新增的功能,我整理了七個我覺得最實用的新功能 👇 1. Height 從 0 到 auto 的 Transition CSS 現在支援從固定高度...
前往7 個超好用的 2024 CSS 新屬性,學起來增加開發效率文章作品集拖曳效果怎麼做?放在個人網站超吸睛!
前端特效-前陣子看到一個工程師的個人網站做了這種拖曳作品集的特效,覺得非常有趣且吸睛,研究一下發現其實可以用一些套件快速做到這樣的效果,馬上看看是怎麼做的吧! 前置準備 - 安裝 React + Framer...
前往作品集拖曳效果怎麼做?放在個人網站超吸睛!文章如果我重新轉職前端,我會如何學好 HTML、CSS 和 JavaScript
前端職涯-最近在 Threads 上,看到許多人為了轉職前端工程師,每天分享自己的學習進度。這讓我想起大約兩年前,身為一名非程式相關科系的我,也是一步步透過自學,最終成功轉職。 今天我想和你分享我的學習經驗,...
前往如果我重新轉職前端,我會如何學好 HTML、CSS 和 JavaScript文章為什麼你應該要經常設定 max-width?讓網站更好看的前端技巧
前端基礎-不知道你有沒有注意過這個問題,在你使用大螢幕看某些網站時,他的文字會被拉的很長?請參考我之前看到的超長 cookie banner 👇 這個時候就可以輕鬆用 max-width 解決問題,今天分享...
前往為什麼你應該要經常設定 max-width?讓網站更好看的前端技巧文章怎麼幫網站加上具有科技感的背景?用 CSS 做一個光線墜落特效
前端特效-前幾天看到一個這樣的效果,覺得很酷很有科技感,嘗試了一下發現蠻簡單的,今天就來看看怎麼做吧! JS 生成 DOM 這次先從 JS 開始,因為每個光線都是一個 DOM,所以直接用 JS 生成比較快速...
前往怎麼幫網站加上具有科技感的背景?用 CSS 做一個光線墜落特效文章如何用 JS 將 1,2,3 數字格式化處理成 001,002,003 ? padStart 的實際應用
前端基礎-最近在公司遇到一個這樣的小問題,要將 index 的 1, 2, 3 在前端顯示變成 001, 002, 003,之前我看過有人這樣寫: 第一眼看到會有點不確定為什麼要這樣寫,而且未來改動也麻煩,例...
前往如何用 JS 將 1,2,3 數字格式化處理成 001,002,003 ? padStart 的實際應用文章如何用 CSS 和 JavaScript 製作音樂波浪 waveform 背景特效?
前端特效-前幾天幫公司專案做了一個簡單的 Landing Page,客戶希望後面有 waveform 的樣式,並隨著滑鼠移動變化波浪。像這樣 👇 今天就來看看怎麼做出這樣的特效吧! Waveform - ...
前往如何用 CSS 和 JavaScript 製作音樂波浪 waveform 背景特效?文章CSS 直角文字怎麼做?超日系風格的設計
前端特效-前陣子看到某個日本網站做出這樣的直角文字,並搭配動畫,整個超日系超愛,結果發現他們整個文字是用圖片做的( 跟 113 國慶網站一樣XD) 身為喜歡前端特效的我,一定要研究一下純 CSS 是怎麼做到的...
前往CSS 直角文字怎麼做?超日系風格的設計文章10 個實用卻冷門的 HTML 技巧
前端基礎-雖然 HTML 學起來很簡單,但卻有很多實用的技巧被忽略,這些技巧可以讓你更輕鬆地實現特定的功能和效果。 今天介紹 10 個你可能不熟悉,但非常有用的 HTML 標籤及其應用示例,分別是: <de...
前往10 個實用卻冷門的 HTML 技巧文章