掘金专栏-大漠_w3cpluscom

rsshub://juejin/posts/1908407916041614

《现代 CSS》、《现代 Web 布局》、《防御式 CSS 精讲》、《深入浅出 SVG》和《Web 动画之旅》的作者!对 HTML、CSS 和 A11Y 等领域有一定的认识和丰富的实践经验。CSS 中国布道者! - Powered by RSSHub

162
followers
掘金专栏-大漠_w3cpluscom·Dec 12, 2024 6:47 AM
CSS 实战技巧:上百技巧、千种案例,轻松应对复杂场景,成就你的 CSS 高手之路!
这是继《现代 Web 布局》、《现代 CSS》 、《Web 动画之旅》、《防御式 CSS 精讲》和《深入浅出 SVG》等小册之后的又一本关于 CSS 领域的小册——《CSS 实战技巧》。这本小册主要以实战内容为主,通过上千种真实案例,以图解方式向大家阐述了 CSS 在创建图形、Web 排版布局、Web UI 和 Web 动效等方面的技巧与原理。使你在开发过程中能够轻松应对各种复杂场景,将是成就你的 CSS 高手之路的利器之一!如果你想提高了解更多 CSS 的实战技巧或者提高自己 CSS 领域的技能,那么这本小册将是不错的选择!新品上架,五折优惠…
掘金专栏-大漠_w3cpluscom·Sep 18, 2024 2:20 PM
CSS构建亚克力和磨砂玻璃效果
最近看了一些设计相关的教程,看到几个有关于设计效果相关的专业术语,比如微软的 Fluent设计系统 中的亚克力效果(Acrylic Material),Mac OS的磨砂玻璃效果(Frosted Glass)。另外,记得 2020 年的时候, @Michal Malewicz的《Neumorphism in user interfaces》一文掀起了围绕“Neumorphism”设计风格的讨论,当时一度认为该设计风格将会是2020年的设计趋势,事实上并没有以这种设计风格为主流,而且很多人认为“Neumorphism”的UI风格是一种可怕的设计风格。不过…
掘金专栏-大漠_w3cpluscom·Sep 10, 2024 2:17 PM
聊聊 CSS 中文本下划线
在Web中给文本添加下划线常常出现在<a>链接的文本上,早期一般使用text-decoration属性给文本添加下划线、删除线等。除了text-decoration之外,CSS还有很多技术方案可以给文本添加下划线效果,比如border-bottom、box-shadow、background-image等。对于Web开发者而言,CSS还有更多的,更灵活的特性实现文本下划线的效果。在这篇文章中,将和大家一起聊聊CSS中其他的特性怎么实现一个更有创意的效果。 新的text-decoration特性 text-decoration并不是一个新特性,在CSS…
掘金专栏-大漠_w3cpluscom·Sep 4, 2024 12:10 PM
给 CSS 加把锁
看到该标题,我想你可能会感到非常的意外和好奇,“CSS怎么能加把锁呢”?其实这里所说的给CSS加把锁是指业内所说的CSS Locks(或者CSS calc Lock)。简单地说,使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章,我们来一起探讨一下CSS锁的故事。 什么是CSS锁 这里所指的CSS锁并非说给CSS加把锁,让程序无法写入CSS代码,所指的是CSS Locks。那么具体什么是CSS锁呢?如果要搞清这个概念,我们要先回顾一点Web相关的知识。 响应式设计 早在2010年@Ethan Marcotte就提…