前端開發資源推薦 (二) Newsletter 篇

Kelly CHI
5 min readAug 2, 2023

--

每天都有新的 JavaScript framework 長出來

在變化莫測的前端領域,持續不斷的學習是非常重要的,然而,要怎麼有效地學習並跟上最新的技術趨勢是一個令人頭痛的問題。閱讀技術文章當然是不錯的方式,但是要找到真正有價值且不過時的資訊,仍需要花費大量的心力。

那到底該如何時常接收新知,而不被時代的潮流給吞沒呢?我認為,Youtube 頻道和電子報是最輕鬆的方式,因為,人家都把重點給整理好了,我們只要負責看就好 👀 以下就來看看電子報的部分吧!

Youtube 頻道推薦請往這邊走 ➡️ 前端開發資源推薦 (一) Youtube 頻道篇

Design / UI / UX

  1. Codrops: 每周一次的精選文章,配圖精美,內容包含前端新工具、UI/UX 和創意前端開發等。最喜歡他們分享的 Inspirational Website of the Week,每次都讓人大開眼界!最新一期文章還包含:Core Web Vitals for Search Engine Optimisation: What Do We Need to Know?, CSS View Transitions
  2. Sidebar: 每天都會有五篇設計、UI/UX 精選文章或是最新實用工具資訊送到你的信箱。近期內容包含:The future of design systems is semantic, Rethinking Window Management
  3. HeyDesigner: 可以選擇每日收信或是每周一次,主題包含 Product design、Design engineering、相關工具與資源分享。最新一期內容包含:The UX Cookbook, User driven UI
  4. Codepen Spark: 前端朋友一定都知道的 codepen 網站所推出的電子報,分享各種精選強者的 codepen 創作,身為創始人之一 Chris Coyier 也會在電子報中分享自己在設計和前端開發的新知和想法。

Frontend Development

  1. ui.dev: React 為主的課程網站,雖然沒上過他們的課程,但是他們的電子報肯定是 top notch! 用迷因化的輕鬆風格來了解 JS/React 生態系的最新發展,每週還有一個小小的測驗來考驗你的前端實力。
  2. Web Weekly by Stefan Judis: 如果我要推出自己的電子報,那肯定會選擇類似 Stefan Judis 的風格:他不但分享精選的文章,還分享他讀過後的想法,或是為何其他人也該讀讀這篇文章。這讓電子報更個人化、更像與朋友分享資訊,並能從文字中讀到他對網頁開發的熱情。
  3. Smashing Magazine Newsletter: Smashing Magazine 是一個蠻知名的線上出版品,專門為設計師和前端開發者提供高品質的資訊和靈感。他們的電子報每週都會選定一個主題,並分享與該主題有關的文章,近期主題包括:Figma Tools and Workflow, UX Workflow 和 Writing CSS in 2023
  4. Daily Developer Tips — Go Make Things: Daily Developer Tips 每次都會用淺顯易懂的風格談論各式各樣的前端主題,例如 The joy of simplicity in web development、How to unit test vanilla JavaScript 等等。此外,因為著重於 vanilla 技術,對於還未接觸框架的新手來說也很容易吸收。
  5. Frontend Focus: 前端知識大補帖,每次電子報的內容包含:每周精選文章、重要 update、推薦教學文章、實用工具分享等等。
  6. This week in React: React 生態圈太過紛亂總覺得霧裡看花?這個電子報幫你整理每周 React 生態系大事,讓你輕鬆跟上最新的潮流話題和 library updates!除了 React 之外也包含了 React Native 生態系的消息。
  7. Breakpoint: 在溫哥華的台灣工程師所推出的電子報,分享值得閱讀的前端開發文章,以及對文章的所思所想。

Weekly 系列

各式各樣的 weekly newsletter 系列,以下分享最新一期 newsletter 中提到的內容。

  1. Web Design Weekly: How to Adapt Long-Page Designs for Better Scanning、New Viewport Units
  2. CSS Weekly: State of CSS 2023、Do not drop Sass for CSS
  3. JavaScript Weekly: Good Code is Like a Love Letter to The Next Developer Who Will Maintain It、How to Build a GPT-3 App with Next.js, React, and GitHub Copilot
  4. Node Weekly: Migrating a TypeScript App from Node to Bun、Node.js Toolbox: A Way to Find Node.js Packages
  5. Tailwind Weekly: 10 Tailwind Tricks You NEED To Know!、Randomness in CSS
  6. Web Tools Weekly: 分享實用 JS 套件或開發工具

以上就是我推薦給前端工程師的電子報們,這些電子報不僅提供高品質、經過篩選的資訊,有些還帶有獨特的觀點和趣味,絕對能為你的學習和開發之路助一臂之力!如果還有任何推薦的電子報,也歡迎在留言與大家分享 😀

--

--

Kelly CHI

法文系畢業的前端工程師,致力於打造具有美感和良好用戶體驗的介面,同時也是個愛看冷門電影的骨灰級影迷。