Kokoro

[懐玉 @Ksziqgg]

这个我不得不认同了

[るい @ruiruicamovi]

葉山から見る富士山。

[Kokoro @BillKokoro]

@9aT0jJdKiS5eaUG @00550018lz @edjpereirasanto @dawnfiy 扣除社保之后，到手7k吗？

[Hux @huxlab]

1997 年 WWDC，台下有个开发者当着全场人的面给乔布斯难堪：

“你很聪明，也很有影响力。但很遗憾，好几个关键问题上，你根本不知道自己在讲什么。”

全场瞬间死寂。
对方甚至当场补刀：你打算怎么用 Java 承接 OpenDoc？你过去这几年到底都在干什么？

乔布斯没有急着反唇相讥。
他低头沉默了很久，拧开水瓶慢慢喝了一口，才拿起话筒。

那段封神的 5 分钟回应里，有三点非常值得所有人学习：

1. 最难受的现实在于：当众挑战你的这帮人，在具体的局部细节上往往是对的。

2. 必须从用户体验倒推技术实现，绝不能拿着手里现成的锤子到处找钉子。

3. 这种错误他犯得比在座所有人都多，身上全是疤；苹果要活下去，很多哪怕再精巧的技术，也只能沦为断臂求生的代价。

很多人把这段封神现场当成以客户为中心的励志鸡汤，其实看浅了。

乔布斯赢的从来不是辩才，而是��知维度的降维打击：

他先大方承认对方在技术上完全合理，然后不动声色地把整场对话的战场换掉了：从乔布斯懂不懂技术细节，直接切换成苹果到底要砍掉什么才能活下去。

聚焦从来不是做加法，而是冷酷地做减法。敢对无数个局部正确的技术说不，才能收敛出一台能卖几十亿的成熟产品。

在众目睽睽下被当头泼冷水，还能不被情绪带偏、瞬间把议题拉回生死线，这才是顶级掌舵人的抗压底色。

在商业战场上，赢下技术争辩毫无意义。

最惨烈的死法，莫过于公司彻底破产了，而你手里的技术每一行都是对的。

[拾习生.X @interr_x]

马斯克在 X 上分享了一段堪称史上最荒诞的 TED 演讲。

2014年的 TEDxNewYork，美国喜剧演员 Will Stephen，站在台上讲了6分钟废话，完美示范了如何让自己看起来像个天才。

他似乎想讽刺某些什么都不懂，却能用一堆废话包装成深刻见解，故弄玄虚的专家。

马斯克曾严厉批评SpaceX内部滥用专业缩写，让员工即使听不懂，也因为害怕显得愚蠢而不敢开口询问。他也批评企业高管沉迷会议和PPT，呼吁把更多精力放在产品本身。

[Vonng @RonVonng]

Deepseek Harness 团队发了一篇《探索 Super-agent 设计》，崔老板找我点评一下，于是写了一篇，聊聊《为什么小秘书遇上大工程就拉胯》。https://t.co/TUgJKg3shN

[Kokoro @BillKokoro]

@miao_tae_ 距离2015年，原来已经过去十年了啊。。。

[Kokoro @BillKokoro]

@fufudefufu @DISONYYDS 9494

[奶昔🥤 @realNyarime]

全能的光盘盘面可见图像生成与刻录工具
https://t.co/U5hCRlIWki

[ハスカップ07 @haskap1017]

山梨県から見る今朝の富士山が最高でした

[恋 @hgds0]

这才是人生中最舒服的瞬间

[iori @iori_snap]

空気が澄んだ日は、富士山と江ノ電のコラボが見れるんです

[Kokoro @BillKokoro]

@aki_yattemiru 好有意义的一件事，学习到了

[yishan @tspy]

这个 HeyPCB 平台收集了 15,000 + PCBs，全部开源

几乎涵盖了常见设备的 PCB，尽情复刻和构建吧

用来训练 AI 大模型也是非常不错

类型如下：
■ 机器人
■ 无���机
■ 可穿戴设备
■ 键盘
■ 相机
■ 物联网
■ 电源

[枯白啃设计 @Kubai087]

新栏目《999 个小技巧，让你 Vibe 的产品更有质感》

✨ 006 像书一样翻开的卡片

001–005 都在我主页，关注我，每天一个让产品更有质感的小技巧 —— Prompt 在下面，可以直接抄⬇️

Vibe 出来的产品，最容易撞脸的就是卡片。不如让卡片平时保持原样，悬停时像一本小书一样翻开一点，露出里面的几页。

同一套动效，三种风格：Default（普通产品卡片）、Skeuomorphic（拟物精装书）、Minimal（极简文档册）。

要点：
1. 卡片由封面、4 页内页和封底叠成，绕左边翻开；平时完全重合，看起来就是一张普通卡片；
2. 封面翻得最多，越往里翻得越少、动得越晚，移开时倒序合上：角度 = 42° × 0.7ⁿ，延迟 = 28ms × n
3. 光从上方来：阴影是实心的两层，翻开时往下拉长、变柔；前一页给后一页投下阴影，直到两页分开。

Make the cards in my product open a little, like a book, when hovered.
At rest a card must look exactly as it does today; only hover or focus
reveals that it is a small book with pages inside.

## 0. Start from what exists
- Find the card component I name (or the one used in the grid or list I
point to) and retrofit it in place. Reuse its markup, design tokens,
radius, shadow and motion or spring utilities.
- Keep the card's footprint, padding, content and layout unchanged.
Nothing around the card may move.
- If I ask for new cards instead, build a fresh square card (about
280 x 280) in the style I choose below.
- Any option I leave unset uses the default marked *.

## 1. Choose a style
Default*: ordinary product cards, identical to normal ones until hovered.
- Surface: plain white (or my card surface token), no texture.
- Edge: a 1px hairline in my border colour.
- Shadow: light, neutral cool grey, half strength.
- Type: the product sans. Title 24/600, description 15 muted,
meta 14 muted.
- Cover: the existing card UI: a 48px icon tile, a ↗ arrow top right,
title, description, and a meta footer below a hairline.
- Wall: my normal page background.
- Pages: white, a faint shade toward the spine, a small heading and
4-6 grey text lines.

Skeuomorphic: hardcover books on a gallery wall.
- Surface: fine bookcloth grain over a deep cover colour.
- Edge: a lit bevel: bright top edge, darker foot.
- Shadow: warm, near-neutral grey (never orange), full strength.
- Type: one serif title, bottom left. Nothing else on the cover.
- Cover: a full-bleed image or animated ASCII scene, with a soft gloss
at the top and shade at the foot.
- Wall: warm plaster with a fine grain and a spotlight over each book.
- Pages: cream paper with grain, an italic chapter heading, justified
lines, and thin page edges along the fore-edge.

Minimal: documentation volumes.
- Surface: flat off-white, light grey or graphite, one tone per card.
- Edge: a faint bevel or hairline.
- Shadow: cool neutral grey.
- Type: a mono section number and version on top, over a hairline rule;
a two-line sans title and a small grey label at the foot.
- Cover: one small grey line diagram with a single element in the ink
colour.
- Wall: cool grey with a faint 24px dot grid and soft light from above.
- Pages: cool white, a sans heading and grey lines.

Match my product: take surface, edge, shadow, type and wall from my
tokens, and keep the cover exactly as the card is today.

## 2. Options (defaults marked *)
- Intensity: subtle (A = 24deg) | book* (A = 42deg) | dramatic
(A = 60deg).
- Pages: 2 | 3 | 4* | 6.
- Hinge: left* | right | top.
- Trigger: hover* | press (open while pressed) | scroll into view (open
once when 60% visible, close after ~1.2s). Keyboard focus always
opens it too.
- Pages show: blank paper | lines of text* | real preview content from
the card (its next fields, a short list, a chart thumbnail).
- Cover: existing card UI* | image | animated ASCII scene | solid colour.
- Shadow direction: from above* | from top-left.
- Shadow strength: none | light | normal* | deep.
- Corners: match my tokens* | continuous (superellipse).
- Motion feel: snappy (k 320, damping 0.9) | default* (k 240,
damping 0.86) | soft (k 160, damping 0.8). All barely overshoot.
- Reduced motion: tiny lift* | nothing.
- Touch: press* | scroll into view | off.

## 3. Layer stack
- Inside the card's link, put the cover on a body element with
transform-style: preserve-3d. Behind it stack N pages and a back
board, all absolutely positioned on the same square.
- Order, front to back: cover (n = 0), pages (n = 1..N), back board
(n = N + 1, never moves).
- The cover keeps all of the card's existing content. Pages and the
back board are decorative: aria-hidden, no links, no tab stops.
- Perspective on the static outer element: about 1100px, origin toward
the hinge (30% 50% for left, 70% 50% for right, 50% 30% for top).
- transform-origin on the hinge edge of every layer: left 0 50%,
right 100% 50%, top 50% 0. backface-visibility: hidden.
- Lift layer n by translateZ((N + 1 - n) x 0.6px) so layers never
fight in depth.
- Pages sit 8px inside the cover (4px at the spine), like a book block,
with radius = cover radius - 8.
- Back board: on flat cards (Default, Minimal) inset it ~6px from the
cover with radius = cover radius - 6, so it never peeks out past the
cover's foreshortened corners. On Skeuomorphic it is flush, the cover
colour darkened ~28%.

## 4. Motion
- Layer n turns toward the viewer by
angle(n) = A x 0.7^n
and starts
delay(n) = 28ms x n
later. The cover leads; pages fan out behind it.
- Direction: rotateY(-angle) for a left hinge, rotateY(+angle) for
right, rotateX(+angle) for top.
- Each layer runs on its own spring (see Motion feel), settling in
about 0.3s.
- Close in reverse: the innermost page first, delay = 28ms x (N - n),
back to 0deg.
- If the pointer leaves mid-way, retarget from the current angle and
velocity. Never jump.
- No spring helper in the project? CSS transitions are fine: transition
transform over ~420ms with a slight overshoot, e.g.
cubic-bezier(0.3, 1.2, 0.5, 1), and set transition-delay to 28ms x n
in the open state and 28ms x (N - n) at rest (the target state's delay
applies, so closing runs in reverse).

## 5. Light and shading
- Light comes from above, so the shadow falls down the wall.
- The shadow is two solid shapes behind the card, each blurred once.
At rest it hugs the card like any flat card's:
- contact: small and darker, at the foot. Lower half of the card,
~4px in from each side, blur ~4px, ~2px down, ~22% opacity.
- ambient: faint. Blur ~14px, ~6px down, ~12% opacity.
- Never a box-shadow: it is a hollow ring and shows as an outline once
the cover swings off it.
- Tint: near-neutral grey nudged toward the wall (warm grey on a warm
wall, cool grey on a cool one). Never pure black, never saturated.
- Strength scales both opacities: light 0.5 (Default style), normal 1,
deep 1.4.
- Opening: crossfade to a second pre-blurred pair that is longer and
softer (contact blur ~12px, 12px down; ambient blur ~38px, 26px down),
and move it ~14px further down and ~4% wider with transform. Drive it
with one progress value o (0..1) on its own spring (k 200, damping
0.9): rest pair opacity 1 - o, open pair opacity o.
- Leaf shading: every page has an overlay gradient from the spine
(32% dark -> 8% at 55% -> 0 at 85%). Its opacity is
clamp(gap / 6, 0, 1) x max(0, 1 - gap / 30)
where gap = the angle of the leaf in front minus this leaf's angle.
A page is shaded while the leaf in front is just lifting off it, then
lit once they part.
- Covers (Skeuomorphic, Minimal): a soft gloss at the top edge and a
little shade at the foot.

## 6. Corners and edges
- Clip every layer (cover, pages, back board) to one shape path, and
draw its edge (hairline or bevel) along that exact path, e.g. an SVG
path stroked over the layer. Do not mix a CSS border or inset
box-shadow with the clip: they disagree at the corners and show a
second rim when the layers part.
- Match my tokens: use the token radius; nested radius = outer - inset.
- Continuous: superellipse corners |x|^n + |y|^n = 1 with n = 2^1.25
(the same curve as CSS corner-shape: superellipse(1.25)). Generate a
clip-path: path(...) per layer size, reuse it for the edge, and
regenerate on resize.

## 7. Interaction and accessibility
- Hit-test on the resting footprint: listen for hover on the static
outer element and give every moving layer pointer-events: none, so a
swinging cover never moves the target and the card never flickers
open and closed at its edges.
- Cursor: a pointing hand over the whole card.
- The whole card stays one <a> or <button> with its current accessible
name. Pages add nothing to the accessibility tree.
- :focus-visible opens it exactly like hover. Keep the focus ring on the
outer element, along the resting shape.
- Reduced motion: no fan and no rotation. The cover lifts ~2px and the
shadow crossfades to the open pair.
- Touch: no hover. Use the Touch option; a tap must still activate the
card on the first try.

## 8. Performance
- Animate transform and opacity only. Never animate blur, box-shadow,
clip-path, width, height or top/left.
- Never animate a blur radius: blur each shadow once and crossfade the
two pre-blurred versions.
- One requestAnimationFrame loop for all cards. Skip cards whose springs
are at rest, and stop the loop when nothing moves.
- Write a style only when its value changes (cache the last string per
element).
- No layout reads per frame: measure once, and again on resize
(ResizeObserver).
- Animated canvas ∂∂: draw at ~30fps at most, and pause when off
screen (IntersectionObserver) or when the tab is hidden.

## 9. Animated ASCII cover (only if chosen)
- Paint a small scene as one colour per character cell (~6 x 9px).
- Pick each character by brightness from " .:-=+*#%@".
- Draw a dimmed copy of the colours (~40%) underneath and the coloured
characters on top, so the gaps read like a halftone.
- Stamp characters from a pre-rendered glyph atlas instead of laying out
text every frame. Keep the motion slow and seamlessly looping.

## 10. When done
- List every file you changed or added.
- List the style and every option you used, marking which were
defaults.
- Note anything that no longer looks identical at rest.

[Kokoro @BillKokoro]

@hino_kawauthi @1tdhGr2LriL7sCc 711和罗森都有喔～

[枯白啃设计 @Kubai087]

极简卡片 Bento，但

注意顶部内发光
注意 1px 描边
注意多重投影

这些是质感的关键

[Kokoro @BillKokoro]

@tanyatubman1 @singlecarbon @KoishinFlandre @CyberKanjousen 现在中国本科毕业生已经过饱和了，所以很多人就会去考取研究生、博士，向上追求更高的学历，以此来换取求职门槛。现在经济不好，甚至出现了研究生、博士生争抢原先本科生岗位的情况。同时，学历歧视的问题也更加严重。如果你本科就读于普通大学，即便你研究生在 MIT完成，也不如 MIT 毕业的本科生。

[Kokoro @BillKokoro]

@tanyatubman1 @singlecarbon @KoishinFlandre @CyberKanjousen 这就导致考大学的人特别多，最后毕业的人也特别多。在���薪岗位稀缺的前提下，企业的HR在面对大量求职简历的时候，择优的第一标准就变成了你的大学是否足够出名。因为根本没有时间去逐个面对面谈话，了解你是否优秀。所以一般大学毕业的学生求职简历在这种时候，直接就会被丢进垃圾桶，不会被查阅。

[Kokoro @BillKokoro]

@tanyatubman1 @singlecarbon @KoishinFlandre @CyberKanjousen 在教育方面，中国99%的学校为国有制（1%为国际合作 或者 私人建设，不论初中高中大学，皆是如此）。因此，只要你有好成绩，你一定能上好的大学，而且不需要为学费担忧（学费通常5k-8k人民币/年，人均收入在3w-6w人民币/年）。中国人口多，所���学生也很多，所有人都会想要去更好的学校，所以竞争压力大