跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

Links

我们正在阅读的网络上的内容,以及我们的一些想法。 有我们应该知道的链接吗? 告诉我们!

#100

🔗 https://css-tricks.org.cn/video-screencasts/100-lets-write-semantic-markup/
阅读评论

我终于拍摄了第 100 个视频。 没有什么特别的,只是更多前端学习! 在这个视频中,我们查看了 Photoshop 设计,并尽可能语义地用 HTML5 标记它。

给你的 Chrome 检查器换肤

🔗 http://darcyclarke.me/design/skin-your-chrome-inspector/
阅读评论

Darcy Clarke 关于如何给 Chrome 的 Web 检查器改头换面(附带示例样式表)。

使用 box-flex 进行翻转导航

🔗 http://adactio.com/journal/4778/
阅读评论

Jeremy Keith 向我们展示了如何通过调整 flexbox 布局中的 box-direction 和 box-orientation,将导航放置在小屏幕的页面底部和大型屏幕的页面顶部,以实现垂直布局和水平布局。

flexbox 规范正在重写,我希望这能尽快完成并发布,这样不同语法之间的尴尬过渡阶段就能尽可能地短。

“space” 和 “round” 值

🔗 http://www.impressivewebs.com/space-round-css3-background/
阅读评论

Louis Lazaris 向我们展示了 space 和 round 如何为我们提供更多关于 CSS3 中处理重复背景的方法。

details 和 summary 元素

🔗 http://html5doctor.com/the-details-and-summary-elements/
阅读评论

来自 HTML5doctor 的 Tom Leadbetter 向我们展示了有关 summary 和 details 元素的所有内容。 我认为这对元素将非常有用,尤其是随着浏览器支持的增长,因为它具有内置的隐藏/显示功能。

让视频宽度自适应

🔗 http://www.netmagazine.com/tutorials/create-fluid-width-videos
阅读评论

我

在一个充满响应式和自适应网页布局的世界中,有一种媒体类型阻碍了完美的和谐:视频。

我在 Net Magazine 上发表了一篇文章,讨论如何让视频(来自任何来源)在自适应宽度环境中正常工作。

CSS 布局的未来

🔗 http://www.netmagazine.com/features/future-css-layouts
阅读评论

Peter Gasston 向我们展示了:列、flexbox、网格、模板、定位浮动、排除和区域。 这些东西在几年后将变得非常重要,我们将看到它们中哪些会流行起来,哪些会消亡。

Chosen

🔗 http://harvesthq.github.com/chosen/
阅读评论

由 Harvest 团队开发的超级热门的 jQuery 和 Prototype 插件,它极大地改善了 <select> 元素的 UI。

CSSFrag

🔗 http://shauninman.com/archive/2011/07/25/cssfrag
阅读评论

Shaun Inman 编写了一个 Safari 扩展(以及 Firefox 版本),它实现了(非真实的)片段标识符提案。 本质上:不需要 ID/哈希标记的同页文档链接。 或者,你可以使用 CSS 选择器进行定位:继续阅读 →

使用一个元素创建 3D 立方体

🔗 http://www.we-are-gurus.com/blog/1501-create-a-3d-block-with-css3
阅读评论

伪元素构成了所需的另外两侧(你一次只能看到立方体的三个侧)。 我很喜欢用不着加载额外 div 来创建形状的想法(显然),更喜欢将这个想法扩展到 3D。

我忘记了我是如何到达这个页面的,网站上也没有关于谁写了它的信息 =/。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速链接 →
  • 更新
  • 1
  • ...
  • 185
  • 186
  • 187
  • ...
  • 219
  • 更早

CSS-Tricks 由 DigitalOcean 提供支持。

关注网页开发的最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获得免费信用额度!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.