小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
Safari技术预览242版发布说明

Safari技术预览242版已发布,适用于macOS Tahoe和Sequoia。更新包括WebKit的修复和新特性,如CSS attr()函数支持和HTML <dialog>元素的closedby属性,解决了多个可访问性、CSS、JavaScript和媒体相关的问题,提升了用户体验。

Safari技术预览242版发布说明

WebKit
WebKit · 2026-04-23T20:04:50Z
网络周刊 #190

文章讨论了CSS的新特性,包括image-set背景图像、可变字体分析工具Wakamai Fondue,以及无障碍设计的最佳实践。强调模态对话框中的聚焦位置和aria-describedby的使用对可访问性的影响。此外,提到现代Web功能在光影DOM中的表现差异,并推荐CSS课程和工具。最后,表达了对行业质量下降的担忧。

网络周刊 #190

Stefan Judis Web Development
Stefan Judis Web Development · 2026-04-19T22:00:00Z
第十九届软件系统安全赛 CCSSSC 2026 华南区域赛复盘(旅行日记)

2026年华南区域线下赛在湘潭大学举行,比赛中多次更改规则,选手可使用AI工具。比赛题目涉及Web、Crypto、PWN等领域,选手在住宿和交通上也遇到问题,整体赛事存在较多槽点,选手体验丰富。

第十九届软件系统安全赛 CCSSSC 2026 华南区域赛复盘(旅行日记)

GamerNoTitle
GamerNoTitle · 2026-04-19T14:55:53Z

Rust 1.95.0 版本于2026年4月16日发布,新增 cfg_select! 宏和 match 表达式中的 if-let 守卫,稳定化多个 API。Ironpress 是高性能的 Rust PDF 转换工具,支持多种格式和功能。ndatafusion 项目为 Apache DataFusion 提供线性代数和机器学习能力。Zenoh 1.9.x 版本引入区域架构和 QUIC 传输增强,支持复杂网络拓扑。

【Rust日报】2026-04-18 Ironpress - 纯 Rust HTML/CSS/Markdown 转 PDF 工具

Rust.cc
Rust.cc · 2026-04-19T00:36:12Z
Visual Studio Code 1.116

Visual Studio Code 1.116版本更新,新增专用命令和快捷键,改善Agents应用的可访问性,支持CSS @import链接解析,提升用户体验。

Visual Studio Code 1.116

Visual Studio Code - Code Editing. Redefined.
Visual Studio Code - Code Editing. Redefined. · 2026-04-15T17:00:00Z

本文介绍了如何使用纯 CSS 实现边框灯光环绕动画,适用于状态指示、视觉焦点和品牌增强等场景。通过分析 HagiCode 项目的实践经验,提出了几种实现方案,包括使用 conic-gradient 创建旋转光晕、侧边发光线条和无障碍访问支持等。强调了性能优化和用户体验的重要性,建议使用 CSS 变量和媒体查询来提升可维护性和用户友好性。

边框灯光环绕动画特效实现指南

dotNET跨平台
dotNET跨平台 · 2026-04-12T00:02:20Z

随着AI工具的普及,公众号文章排版趋于单一。文颜推出自定义主题生成技能,用户可通过自然语言描述风格,AI自动生成CSS,实现个性化排版,无需编程知识。

告别套用模板,亲手打造主题:公众号排版Skill

路边的阿不
路边的阿不 · 2026-04-09T11:41:27Z

Tailwind CSS version 4.2.0, released on February 18, 2026, includes a webpack plugin for streamlined integration and four new color palettes. It expands logical property utilities and improves...

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

InfoQ
InfoQ · 2026-04-08T14:48:00Z

本文介绍了六边形头像和金字塔布局的实现方法。六边形头像可通过CSS的corner-shape属性轻松实现,而金字塔布局则可使用Flex和Grid布局,Grid布局能够自动适应元素数量,适合多种场景。随着CSS新特性的不断涌现,学习应持续进行。

CSS六边形头像的实现与蜂巢布局

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-04-07T08:41:49Z
在 Nginx/OpenResty 网关层实现 120 MB/s 的实时 JS/CSS/HTML 压缩

openresty-minifiers 是 OpenResty Inc. 开发的高性能私有库,能够在 Nginx 中实时流式压缩 JS、CSS 和 HTML,吞吐量可达 120 MB/s。适用于无法修改构建流程的场景,如反向代理遗留系统和多租户 SaaS 网关。该库通过流式词法分析器解决了内存和性能问题,确保在 O(1) 内存下正确处理跨 buffer 的语法结构。

在 Nginx/OpenResty 网关层实现 120 MB/s 的实时 JS/CSS/HTML 压缩

OpenResty 官方博客
OpenResty 官方博客 · 2026-04-07T00:00:00Z
网络周刊 #188

文章讨论了CSS和JavaScript的最新变化,包括CSS的sticky定位和subgrid布局功能,以及即将推出的JavaScript新特性。同时提到了一些工具和库,如pretext和view transition,帮助开发者优化文本布局和过渡效果。文章还强调了人类审核内容的重要性,并介绍了human.json协议以建立信任网络。

网络周刊 #188

Stefan Judis Web Development
Stefan Judis Web Development · 2026-04-05T22:00:00Z

要让<a>标签内的图片居中,可以通过CSS实现。推荐的方法包括将<img>设置为块级元素并使用margin: 0 auto;,或对父容器设置text-align: center;。使用Flexbox布局也可以实现水平和垂直居中。

a标签图片如何居中?A标签图片居中教程

付杰博客
付杰博客 · 2026-04-05T13:06:20Z

本文介绍了CSS的corner-shape属性及其在背景图形效果中的应用。结合SVG和<foreignObject>元素,可以实现复杂的底纹效果。示例代码展示了如何使用corner-shape属性创建网格线和其他图形。需要注意的是,该属性目前仅在Chrome浏览器中支持。

CSS corner-shape与背景底纹技术

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-03-30T06:08:36Z
Safari技术预览240版发布说明

Safari技术预览240版已发布,支持macOS Tahoe和Sequoia。更新包括CSS新特性、修复自定义滚动条、文本选择和媒体播放等问题,新增子像素布局支持,改进表格和SVG元素渲染,增强Web API和Web扩展功能。

Safari技术预览240版发布说明

WebKit
WebKit · 2026-03-26T23:15:35Z
原子CSS与函数式编程的关系

本文探讨了函数式编程(FP)与原子CSS(ACSS)的关系,强调FP的纯函数和数据不可变性,以及ACSS通过小实用类实现样式的优势。文章分析了FP的基本原则,并类比ACSS的实现,展示了如何通过组合简单的实用类来构建复杂样式。

原子CSS与函数式编程的关系

freeCodeCamp.org
freeCodeCamp.org · 2026-03-19T17:38:23Z
使用HTML、CSS和JavaScript构建19个网页开发项目

通过构建19个项目提升网页开发技能,课程涵盖HTML、CSS和JavaScript,项目包括互动测验游戏、随机颜色调色板生成器、看板、费用追踪器和书签保存应用等。完整课程可在freeCodeCamp.org的YouTube频道观看。

使用HTML、CSS和JavaScript构建19个网页开发项目

freeCodeCamp.org
freeCodeCamp.org · 2026-03-18T21:23:01Z

文章讲述了作者在比赛中通过分析文件和网络流量,成功提取和解密隐藏信息,获得flag。过程中使用了隐写术、压缩文件破解、网络流量分析和AES.GCM加密解密等技术,并分享了具体操作步骤和工具,反映了比赛的挑战与收获。

第十九届 2026 软件系统安全赛华南赛区(CCSSSC2026)个人 Writeup

GamerNoTitle
GamerNoTitle · 2026-03-16T12:58:49Z
超越 `border-radius`:CSS `corner-shape` 属性为日常用户界面解锁的可能性

新CSS属性corner-shape为网页设计提供了更多形状选择,超越了传统的border-radius。它支持多种角形,允许为每个角设置不同形状,尽管目前仅在Chrome 139+等浏览器中支持,但为渐进增强和用户体验提升提供了可能性。设计师可以利用这一属性创造更具视觉吸引力的界面。

超越 `border-radius`:CSS `corner-shape` 属性为日常用户界面解锁的可能性

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2026-03-12T10:00:00Z
Webpack发布2026年路线图,支持原生CSS、通用目标,并为版本6铺路

Webpack发布了2026年路线图,重点改善插件依赖和运行时兼容性,为webpack 6奠定基础。新特性包括原生CSS模块支持、内置TypeScript转译和HTML入口点集成,旨在提升性能和简化开发流程。

Webpack发布2026年路线图,支持原生CSS、通用目标,并为版本6铺路

InfoQ
InfoQ · 2026-03-11T16:30:00Z
如何在Tailwind CSS中使用Flex及对齐Flex项目

本文介绍了如何在Tailwind CSS中使用Flexbox,强调其简便性和灵活性。Flexbox是一种CSS布局模型,能够轻松创建响应式布局。Tailwind提供简洁的工具类,使开发者无需编写自定义CSS即可快速构建布局。文章涵盖了Flexbox的基本概念、使用方法、项目大小控制、方向管理、对齐和间距等内容,帮助开发者掌握现代网页设计的核心技能。

如何在Tailwind CSS中使用Flex及对齐Flex项目

freeCodeCamp.org
freeCodeCamp.org · 2026-03-11T16:24:59Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码