用於記錄一些本周閱讀過的文章、看過的影片、待讀的清單以及其他內容。
News
- 免手機可投影的AI Pin是什麼？為何引全球科技圈轟動？ 理想很豐滿 現實很骨感
- 具透 | One UI 6.0 正式版更新，除了 Android 14 还有哪些新功能？ 新版快捷面板終於變陽間了，還有像 ios 那樣右上角下拉完全開啟控制面板。另一個比較吸引我的倒是三星官方外掛 Good Guardians 中 Battery Guardian 新增的幕布功能，變相實現了背景撥放 youtube 的效果(但實際上只是加了黑屏遮罩)。
AI
- 开源AI社区有多爱苹果电脑？ 中國清華大學研究團隊的開源成果LCM 把AI 生成高清影像的耗時壓進了一秒以內，主流的開源工具紛紛適配，AI 繪畫開始朝著實時視頻的方向邁進。這對整個開源AI 作畫社群可以說是打了一劑強心針，特別是計算量巨大的新一代SDXL 模型，而在這件事上，蘋果平台收穫頗豐。
- Why can’t robots check the box that says ‘I’m not a robot’? | WTFAQ | ABC TV + iview Google 驗證碼測試的工作原理
Web
- Open UI’s selectlist demos
- SVG viewBox 用簡單清晰的程式碼、動畫講解 SVG viewbox 的工作原理。值得一看
CSS
- A Few Ways CSS Is Easier To Write In 2023
- My CSS-Tricks Top 10
- Responsive Layouts Without Media Queries
- oklch() retains perceived lightness for different hue angles
- StyleX 近期 Meta 開源的可擴展 CSS 解決方案。
- From CSS madness to CSS Hooks
JavaScript
- fullcalendar 全尺寸拖放日曆組件
- In Javascript (“11” + 1 = 111) and (“11” – 1 = 10). Why?
- Let’s learn how modern JavaScript frameworks work by building one 通過自己來編寫JS框架了解現代JS框架的工作原理
- 67 Weird Debugging Tricks Your Browser Doesn’t Want You to Know 非常有用的一篇文章，找時間想來翻譯一下。裡面提到都是瀏覽器中自帶但平時很少用或者沒見過的功能，但是對開發有很大幫助。
- Master JavaScript Generators: 5 Practical Use Cases 有趣的 JS Generators 應用例子
UI/UX
- I counted 8 mistakes in this 15-word dialog design
- The Psychology of Design 影響使用者體驗的106 個認知偏差和原則
- Psychology of Speed: A Guide to Perceived Performance
- 7 Apps & Websites I use every day as a UX/UI designer
- What’s hot in mobile App UI/UX design in 2023? 2023的移動應用 UI/UX 熱點
- Designing Better Error Messages UX
React
- Crafting a lightweight markdown editor 使用 Wails、React 和 Tailwind 建立 Markdown 編輯器
- Event Types in React and TypeScript
- React Query Auth Token Refresh
- Unsaved Changes Alert and Unsubmitted Data Preservation on Page Exit in React App
- Keep React 基於 Tailwind CSS 和 React.js 建立的開源組件庫。內建圖表、日期選擇器、通知、分頁、評分、步驟條、搜索、表格、時間線、檔案上傳組件
- Handling HTML within React i18next translations 介紹了i18next 的 Trans 組件使用方式
- React JS Typescript Private route in React 18 and React Router 6
- React Router 6: Private Routes (alias Protected Routes)
- React18视频教程（讲师：李立超）React视频教程 有滿多細節的 React 影片教學（不過涉及 React 18 的新內容比較少）
React Native
- react-phone-number-input
- Building a drawer component 類似 iOS Sheet 組件 web 版 Vaul 的工作原理
- Apple Home Screen Widgets with Expo CNG
Others
- Animotion 逐幀編輯動畫影格並自動生成 CSS 和 keyframes
- 解密主播高级定制外挂的幕后，主播的外挂为什么这么难查？【外挂风云】
- How to use NPM packages outside of Node
- How to define dark/light mode images in GitHub Markdown
- OKLCH Color Picker & Converter oklch 小工具
- TSDiagram 將 TS 型別轉換為資料模型的工具
- Perfume.js 微小的網路效能監控庫，可以將數據報告給你最喜歡的分析工具。
- YouTube.js YouTube 內部 API 的 wrapper – 逆向工程 InnerTube
- wavesurfer.js Web 音訊波形播放器
- The secret trick Google uses to track everything you search online Google 是如何追蹤你都搜索了哪些內容？
