让文档不止于文字:DeploySharp + PP-Structure,打通版面分析与表格重建
DeploySharp 2.0.0 PP-Structure 实战:在 C# 中还原文档结构,完成页面区域、OCR 和表格 HTML 一、DeploySharp 项目简介DeploySharp是一个面向C#/.
CSS 进阶篇!搞定定位、浮动、Flex 布局,页面排版随心所欲
前面我们学了 CSS 基础,会改文字颜色、大小、边距。但想要做出整齐的导航栏、卡片布局、侧边栏 + 主内容结构,只靠基础样式远远不够。
CSS subgrid 落地,嵌套网格对齐再不用靠手算
你有没有遇到过这种情况:一排卡片,每张卡片里有标题、正文、底部按钮。标题有的一行有的两行,结果整排卡片的正文起始位置参差不齐,按钮也对不齐,看着特别毛躁。我跟这个问题斗争了好些年。最早是手动写死高度,标题区固定 48px,反正最长两行。结果产品改文案,来个三行的标题,直接溢出。
品牌视觉方向怎么对齐?快速搭好风格板,还得靠小艺Work
今天在会议室跟客户对方案,客户突然问我,这次的视觉调性到底是什么,我脑子一抽,张口就只憋出一句“高级感”,场面一度十分尴尬。客户走后,我对着空白的参考页抓耳挠腮半天,实在懒得自己再去全网翻图拼凑,干脆向最近常用的小艺Work求助。
前置课:HTML→ CSS→ JavaScript,补齐第2篇
前端基础第二课:CSS核心|盒模型 + Flex布局 上一节课我们用HTML搭好了网页骨架,这节课用CSS给骨架做排版、控位置。 CSS:Cascading Style Sheets 层叠样式表,负责样式、尺寸、颜色、布局。 一、CSS三种引入方式(记住优先级) 1.
优雅的纯 CSS 开源 UI 框架,用原始的 HTML 元素标签来做界面
CSS框架臃肿,class命名折磨人,10KB的Pico.css能否打破僵局?最近我发现了一个叫Pico.css的CSS框架,它跟别的框架不一样,特别轻量,只有10KB,而且不用写一堆class名字。说实话,我本来觉得前端框架都挺复杂的,但用了一下这个,感觉挺顺手的。
Pretext:为了量一行字多高,我们把整个浏览器折腾了一遍
51,000 star 的 TypeScript 文本测量库,把排版计算从 DOM 里拽了出来上周改一个聊天列表,我在 getBoundingClientRect 上耗掉了一下午。每条消息高度不一样,虚拟滚动就得先知道它在 375 像素宽下排几行。
一封HTML邮件,让我亲眼看着自家Agent叛变了
# 一封HTML邮件,让我亲眼看着自家Agent叛变了下午三点,会议室里空调嗡嗡响着,红队演练已经进行了快四个小时。我坐在角落里,盯着监控面板上跳动的请求日志,眼见着一个配置了浏览器工具的Agent正在读一封刚进来的HTML邮件。然后它停了下来。