Personal reading list of articles, podcast, and other things from the internet. Keep track of what I read and what I think about it. Hope this page will be useful for me and others.
💖 Sponsoring me on Github Sponsor.
https://www.mymap.ai/
Ai Pin Overview
Who stole my Largest Contentful Paint?
Announcing Million 3 | Million.js
https://talks.antfu.me/2023/vuefesjapan/24
https://blog.vramana.com/posts/barrel_files_slow_build/
67 Weird Debugging Tricks Your Browser Doesn't Want You to Know
Software World Tour - CoRecursive Podcast
http://www.ruanyifeng.com/blog/2023/12/weekly-issue-282.html
感恩练习
The Pros and Cons of Freelance Coding [Article] | Treehouse Blog
大力出奇迹，但不是 All in - 白宦成
Historical maps probably helped cause World War I
Checking Firewall Equivalence with Z3
TS Docs | Reference docs for npm packages
Top Black Friday Offers For Vue.js Developers
关于离职去寻找自身更多的可能性 ，比如做自媒体、电商、AI 工具等等；抛弃现在的几十万年薪，目的就是更深入发掘自己的潜能，大家怎么看？ - V2EX
Moving back to React
追火箭之旅——文昌篇 - 少数派
build: use biome as formatter by anonrig · Pull Request #50672 · nodejs/node
https://practicalbetterments.com/create-a-shortcut-for-even-lower-phone-brightness/
https://animatedai.github.io/
https://twitter.com/reactjs/status/1716573234160967762
https://ntietz.com/blog/write-more-useless-software/
02.24.2022 - TypeScript/Enums at runtime and tree-shaking
TypeScript: Don’t Export const enums
GitHub - dnakov/little-rat: 🐀 Small chrome extension to monitor (and optionally block) other extensions' network calls
Curriculum Vitae | Figma
https://css-text-portrait-builder.vercel.app/
伴侶的錢
Stocketa
远程办公三年后感
Becoming a good engineer is about collecting experience.
学海无涯但不用苦做舟：打造我的学习能力与通路系统 - 少数派
Sugar High
Blog
GitHub - lrusso/VirtualXP: Virtual Machine running in a Web browser
Trailer - HTTP | MDN
Next.js 13 vs Remix: An In-depth case study
elanmed.dev | React Suspense in three different architectures
峨眉七日：道行尚浅 归山充电
Studio Ghibli set to become subsidiary of Nippon TV
被实力吸引， 被乐趣圈粉：macOS Sonoma 中值得关注的新特性 - 少数派
https://www.wsj.com/lifestyle/careers/how-a-4-day-workweek-actually-works-from-the-companies-pulling-it-off-1a5c0e2a
fofr/sdxl-emoji – Run with an API on Replicate
Daily Remix - Your daily dose of Framer things
华为扔下一枚重磅炸弹
Vendor lock-in - Wikipedia
自贡：盐的另一页
经验传播的有损压缩 -#40
2021 | 野地美樹子
https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html
https://mp.weixin.qq.com/s?__biz=MzU2MTIyNDUwMA==&mid=2247522767&idx=1&sn=65904d439e6de3c1867eb0398047fea8&chksm=fc7ed794cb095e821e6df78d665f1b8d1f43b80873e4c0f78e477b0ccae6d1c4fdec51ac71fd&token=263092570&lang=zh_CN#rd
GitHub - imgly/background-removal-js: Remove backgrounds from images directly in the browser environment with ease and no additional costs or privacy concerns. Explore an interactive demo.
https://hangzhou.gamemcu.com/
https://www.stefanjudis.com/a-firefox-only-minimap/
RSC From Scratch. Part 1: Server Components · reactwg/server-components · Discussion #5
We migrated 50,000 lines of code to React Server Components
How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile | web.dev
Curated AI image and art gallery with prompts - Freeflo
OpenAI「打死都不说」的 GPT-4 训练细节被传出，这是我的解读 - 少数派
Paragraphica
https://platform.openai.com/docs/guides/gpt-best-practices
How React 18 Improves Application Performance – Vercel
<link> rel="modulepreload" · Issue #213 · w3ctag/design-reviews
Sane defaults for Github repositories
GitHub - kaleidawave/ezno: A JavaScript compiler and TypeScript checker written in Rust with a focus on static analysis and runtime performance
Are JavaScript libraries really that bad for performance?
The origin private file system | Articles | web.dev
Raycast App Icon Template | Figma
AI 正在杀死网络, 相对失败与成长, 纯文本 -#39
On Achieving Goals
工作日就只能有工作吗？大厂三年程序员的生活规划心路分享 - 少数派
Meta万人裁员亲历者自述：小扎尝到了降本的甜头
“移民”是第一生产力 -#35
我的笔记管理法 | Randy's Blog
https://www.latepost.com/news/dj_detail?id=1664
Deno 1.34: deno compile supports npm packages
React Server Components, Next.js App Router and examples
GitHub - raunofreiberg/interfaces: A non-exhaustive list of details that make a good web interface.
https://news.ycombinator.com/item?id=36138224
A Well Known URL For Your Personal Avatar
关于 AI 焦虑，Carmack 是这么回复的
https://news.ycombinator.com/item?id=31055709
我心目中好工具的标准
Replacing my best friends with an LLM trained on 500,000 group chat messages
Snack Prompt | Discover The Best ChatGPT Prompts
受够了算法推荐，另辟蹊径让 AI 做「过滤」怎么样？ - 少数派
https://www.patterns.app/blog/2023/02/27/building-an-algolia-powered-gpt3-slackbot
Why We're Breaking Up with CSS-in-JS
生成知识提示 – Nextra
AI-enhanced development makes me more ambitious with my projects
在线抠图软件_图片去除背景 | remove.bg – remove.bg
Refactor your blog comments system with Webmention.io - GeekPlux
A summary of libraries that are commonly used with React
Sonner
Modern SPAs without bundlers, CDNs, or NodeJS
React is still absolutely terrible for web performance
Create Amazing Mockups
Twitter Profile A/B Testing - Get more Twitter followers - Birdy
Spot | Virtual office for teams
https://design.google/library/dynapuff/
https://uinotes.com/
Software 2.0
GitHub - headllines/producthunt-daily-rss: The missing RSS feed for ProductHunt daily top posts
Alert Dialog
Wope: The New Era Of Rank Tracking
Unzip.dev - Developer trends newsletter
https://labs.kagi.com/ai/sum
GitHub - LAION-AI/Open-Assistant: OpenAssistant is a chat-based assistant that understands tasks, can interact with third-party systems, and retrieve information dynamically to do so.
Five Data-Loading Patterns To Boost Web Performance — Smashing Magazine
Shift Moonwalkers | The World's Fastest Shoes
https://maroofy.com/?hn=v3
http://www.ruanyifeng.com/blog/2023/02/weekly-issue-240.html
The Great Divide | CSS-Tricks
Open Props: sub-atomic styles
Summer Afternoon
Happy Hues - Curated colors in context.
MathML | MDN
The Big Tech layoffs are a turning point
现代 CSS 高阶技巧，完美的波浪进度条效果！
SwiftRead - read faster, learn more
Doordash and Pizza Arbitrage
akella (@akella) on X
WORKS | EMIOZAKI WEB
LCP(FE)
Optimizing Web Fonts in Next.js 13
Kive — Shape visions with AI. Your craft, amplified.
Elai.io - The Most Advanced and Intuitive AI Video Generator
First Principles for Software Engineers
找笔记方便、写作又给力的知识库，我是这么搭建出来的 - 少数派
Peter Wang 🦋 (@pwang) on X
Idea Clarity
A Practical Guide to CSS Media Queries
GitHub - RealKai42/qwerty-learner: 为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 / Words learning and English muscle memory training software designed for keyboard workers
Reduce Image Sizes by Removing Metadata
GitHub - oceanlvr/ChatGPT-ProBot: 🤖️ A ChatGPT based GitHub robot. dialogue/CR/etc..
whisper.cpp/examples/talk.wasm at master · ggerganov/whisper.cpp
GitHub - FilipePS/Traduzir-paginas-web: Translate your page in real time using Google or Yandex
Jesper Vos (@jesper_vos) on X
Tremor
What We Learned from Open-Sourcing FlashList
http://savethesounds.info/
The Spellcaster by Arno Di Nunzio
https://tylercipriani.com/blog/2022/11/19/git-notes-gits-coolest-most-unloved-feature/
GitHub - dubinc/dub: Open-source link management infrastructure.
CSS For URLs and HTTP Headers
CSS Mechanical Keyboard
The Future of the Web is on the Edge
Home | D2 Documentation
An Interactive Guide to Flexbox
Kite is saying farewell - Code Faster with Kite
https://iamkate.com/code/tree-views/
Screen Recorder for macOS. Beautiful videos in minutes | Screen Studio
https://www.latepost.com/news/dj_detail?id=1390
Making Static Noise From a Weird CSS Gradient Bug | CSS-Tricks
https://news.ycombinator.com/item?id=33613862
Open Source Alternatives To Proprietary Software
Listening: Transform Academic Papers into Audio
Gallery Example
When life gives you lemons, write better error messages
https://www.patterns.dev/posts/rendering-introduction/
Easing Gradients
诱饵效应 - 维基百科，自由的百科全书
A development process startup founders should use to ship features weirdly fast | Particles by Paralect
尤雨溪：Turbopack真的比Vite快10倍吗？
Remixing Shopify
Mapping How to Laugh Online in Different Languages
How to Remove the Search Button from Home Screen on iPhone
Rewind
The New CSS Media Query Range Syntax | CSS-Tricks
https://musicforprogramming.net/about
Inter, epoxy resin - CodeSandbox
Blending Modes | Dan Hollick
DarkModes | The best dark mode implementations on the Internet
Sleeve
Radix Colors
Free People Illustrations | Figma
元素法典——Novel AI 元素魔法全收录
https://deck-24abcd.netlify.app/
https://overreacted.io/goodbye-clean-code/
https://wangchujiang.com/reference/index.html
Building like it's 1984: A comprehensive guide to creating intuitive context menus - Height
Building Your Application: Routing | Next.js
工程化你的习惯
State of CSS 2022 | Blog | web.dev
Introducing Turbopack: Rust-based successor to Webpack – Vercel
Scroll to Text Fragments
Spark Mail — Smart. Focused. Email.
https://limboy.me/index.xml
MyPiDay.com
Build Your Career on Dirty Work
Sound – Bartosz Ciechanowski
Books people re-read
SSR, Streaming, and CSS-in-JS
【AI绘画】研究_关于Prompt的探索
Website Fidelity
2019 柳暗花明 - GeekPlux
https://www.briantimar.com/notes/mimetic/mimetic/
Problems with the Magic Zero · Issue #221 · semver/semver
Delightful UI Animations With Shared Element Transitions API (Part 2) — Smashing Magazine
HTML Color Names
A World-Class Code Playground with Sandpack
https://web.dev/new-patterns-for-amazing-apps/
Behind the feature: find and replace | Figma Blog
How to load CSS Asynchronously
Transition Effect with CSS Masks | Codrops
zeroG 零重力浏览器 - 内测信息整合 | Notion
Infinite Canvas app gallery
[mdx-loader] How to use HTML in markdown (original: how to bypass web components in markdown files?) · mdx-js · Discussion #2114
Pricing | JavaScript Image Editor SDK | Pintura Image Editor
https://www.gaficat.com/posts/2dbf7b11.html
Experimenting new API proposal for page transitions to be simple to build in multi page websites.
Remix, React, and State
https://grep.app/，直接搜索代码关键词，可能是
GitHub - Rezmason/matrix: matrix (web-based green code rain, made with love)
Kvyder - Free 3D Desktop Viewer
Who Is In Space - Live Updates
Someone is pretending to be me.
GitHub - t-mart/kill-sticky: Bookmarklet to remove sticky elements and restore scrolling to web pages!
Announcing TypeScript 4.9 Beta - TypeScript
GitHub - ronami/HypeScript: 🐬 A simplified implementation of TypeScript's type system written in TypeScript's type system
Michal Zalobny - GLSL Image Transitions
7 tools for visualizing a codebase
Could next party in Danish parliament be led by AI?
GitHub - hakimel/reveal.js: The HTML Presentation Framework
React I Love You, But You're Bringing Me Down
Christian Selig (@ChristianSelig) on X
GitHub - carson-katri/dream-textures: Stable Diffusion built-in to Blender
GitHub - IdreesInc/Monocraft: A monospaced programming font inspired by the Minecraft typeface
AI 会抢人类的饭碗吗？
Animal & Pets Illustrations | DrawKit
GitHub - divamgupta/diffusionbee-stable-diffusion-ui: Diffusion Bee is the easiest way to run Stable Diffusion locally on your M1 Mac. Comes with a one-click installer. No dependencies or technical knowledge needed.
Effective TypeScript › What's TypeScript compiling? Use a treemap to find out.
The Basics of Remix | CSS-Tricks
https://literature-clock.jenevoldsen.com/
https://news.ycombinator.com/item?id=32801359
http://www.effectgames.com/demos/worlds/
比 eval 和 iframe 更强的新一代 JavaScript 沙箱！
GitHub - facebook/memlab: A framework for finding JavaScript memory leaks and analyzing heap snapshots
GitHub - mantou132/nesbox: Online multiplayer games platform
GitHub - dlvhdr/gh-dash: A beautiful CLI dashboard for GitHub 🚀
https://rectangles.app/
GitHub - facebookresearch/shumai: Fast Differentiable Tensor Library in JavaScript and TypeScript with Bun + Flashlight
Stable Diffusion Is the Most Important AI Art Model Ever
https://www.latepost.com/news/dj_detail?id=1305
A review of my time at Remix
Becoming a Full-Time Creator as a Software Engineer: Controversial Advice
https://mutant.tech/demo/
DJI Mavic 3 Flies Over The Top Of Mount Everest At 30,292 Ft
Facebook has started to encrypt links to counter privacy-improving URL Stripping - gHacks Tech News
JSFuck - Write any JavaScript with 6 Characters: []()!+
A Promise Broken | Social Mobility in the Digital Age | L'Atelier
Default Exports in JavaScript Modules Are Terrible
https://openai.com/blog/dall-e-introducing-outpainting/
An animated product demo in 34 lines of code.
络黑 LuoHei Variable
Hex clock
Custom SVG Cursors with an Interactive Emitter Effect | Codrops
https://tjukanovt.github.io/notable-people?utm_source=densediscovery&utm_medium=email&utm_campaign=newsletter-issue-203
https://news.ycombinator.com/item?id=32628511
Stable Diffusion 2-1 - a Hugging Face Space by stabilityai
Why do arrays start at 0?
https://pornpen.ai/
Rare Natural Phenomenon Observed in Saint Petersburg - English Russia
Don't Build Your Own Framework
stickerlife.org
一次教你16种宋体字的变化！
Pixel Birds (and Other Animals)
https://gamma.app/?ref=producthunt
How I Added Scroll Snapping To My Twitter Timeline | CSS-Tricks
How the Chrome team uses Chrome
spider 2 - CodeSandbox
Big Changes Ahead for Deno
How and why I built Japan Dev
Thread by @coolXiao on Thread Reader App
⌘K
Drupal is dying!
【TypeScript】never 和 unknown 的优雅之道
indexStorm - Storm the index
Package Diff: mini-css-extract-plugin @ 0.4.5 .. 0.6.0
Are Web Components Dead?
Txtmoji | Encrypt Text to Emojis
How I Used DALL·E 2 to Generate The Logo for OctoSQL
GitHub - keycastr/keycastr: KeyCastr, an open-source keystroke visualizer
https://www.instagram.com/gregabandoned/
CSS Scan
Vytal - Spoof Timezone, Geolocation, Locale and User Agent
Introducing the new npm Dependency Selector Syntax
Humation instrucations | Figma
https://voussoir.net/writing/browser_in_the_dark
【自制】我做了一把 模 块 化 机 械 键 盘 !【软核】_哔哩哔哩_bilibili
<ins>: The Inserted Text element - HTML: HyperText Markup Language | MDN
https://wooshy.app/?ref=producthunt
I Regret My $46k Website Redesign
Google软件工程之文化篇
Emoji Kitchen Browser
I Spent 2 years Launching Tiny Projects | Tiny Projects
https://news.ycombinator.com/item?id=32137336
A Look At Remix And The Differences With Next.js — Smashing Magazine
https://www.zhangxinxu.com/wordpress/2022/07/css-font-palette/
Paperoad - Imprimeur de souvenirs
https://revenuewatcher.com/
How to Make Reviewers Love Your Big Pull Requests
https://www.uifiller.com/
https://www.endpoint.space/?ref=producthunt
Our favorite Chrome extensions of 2021
talkative fishy on cohost
Fold 'N Fly » Paper Airplane Folding Instructions
https://w2solo.com/topics/3422
https://www.kawabangga.com/posts/4718
https://news.ycombinator.com/item?id=32136733
Applying SOLID principles in React
https://lorem.space/categories
react-snippets/Router.js at main · ashok-khanna/react-snippets
grid-column-end - CSS: Cascading Style Sheets | MDN
devaslife
Error Handling (v1.19.3) | Remix
We hack every Friday - Raycast Blog
https://qiangmzsx.github.io/Software-Engineering-at-Google/#/zh-cn/Chapter-12_Unit_Testing/Chapter-12_Unit_Testing
Defensive CSS - Background repeat
CSS { In Real Life } | Masonry? In CSS?!
GitHub - jonmbake/react-terminal-ui: A terminal react component with support for light and dark modes.
Earth Clock
React Labs: What We've Been Working On – June 2022 – React
https://gimli.app/tailwinddx.html?ref=producthunt
One Question A Day
重新理解「好奇心」：学习动机的自救指南 - 少数派
The Dos and Don’ts of Pairing Typefaces
Abstract Factory
https://www.patterns.dev/posts/
AbortController is your friend
GitHub - pissang/little-big-city
GitHub - mxgmn/MarkovJunior: Probabilistic language based on pattern matching and constraint propagation, 153 examples
README – Linear
How to make absolutely any app look like a macOS app—Martian Chronicles, Evil Martians’ team blog
https://danylpo.com/skware/
Journalistic – Micro Journal
Artist Uses AI To Create Photorealistic Versions Of Disney And 'Simpsons' Characters
GitHub - denoland/dnt: Deno to npm package build tool.
https://4ark.me/post/weekly-30.html
Henry Heffernan - Software Engineer
Drawing a manga character with CSS... from scratch!
Contexts - Radically simpler & faster window switcher for Mac
VideoMentions
GitHub - breakfast-studio/lunchboxjs: Custom Vue 3 renderer for ThreeJS - https://docs.lunchboxjs.com/
https://matthewpalmer.net/rocket/
uBlacklist
GitHub - round/Twitter-Links-beta: A browser extension to show the latest tweets that link to the current page.
Video Speed Controller
MAKE
How to Make a CSS Slinky in 3D | CSS-Tricks
Publish, ship, and install modern JavaScript for faster applications | Articles | web.dev
https://content.nuxtjs.org/blog/announcing-v2/
rfcs/text/0000-useevent.md at useevent · reactjs/rfcs
https://relingo.net/zh/guide
Emoji Mart • One component to pick them all
https://greatdk.com/1835.html
https://unit520.net/deadtrees/
REST API endpoints for labels - GitHub Docs
You Don’t Need A UI Framework — Smashing Magazine
Noto Emoji - Google Fonts
Inspecting Web Views in macOS
javascript-testing-best-practices/readme-zh-CN.md at master · goldbergyoni/javascript-testing-best-practices
一文拆解BAYC成功之路
Tailwind CSS Color Generator | UI Colors
https://blogsurf.io/