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

Links

我们正在阅读并有一些想法的网络资源。有我们应该知道的链接吗?告诉我们!

CSS Grid!

🔗 http://meyerweb.com/eric/thoughts/2016/12/05/css-grid/
阅读评论

Eric Meyer,自言自语

那么,我什么时候才能真正使用 Grid 呢?两三年?

2017 年 3 月。所以大约从现在开始的四个月。

Grid 听起来像是表格 2.0。我以为我们都同意用表格进行布局是个坏主意。

我们同意用表格标记进行布局是个坏主意

Service Worker,你是什么?

🔗 http://kosamari.com/notes/Service-Worker-what-are-you
阅读评论

Mariko Kosaka

我终于明白了,它是一个你可以邀请住在用户浏览器里的外星人。

2016 年 Word 的状态

🔗 https://poststatus.com/matt-mullenweg-state-word-2016/
阅读评论

基于 Brian Krogsgard 的文章的一些亮点。

  • BuddyPress 和 bbPress 将在未来一年获得新的支持和参与。
  • WordPress 4.6 在发布当天就提供了 50 种语言版本。
  • REST API [端点] 将包含在 WordPress 4.7 中。
  • WordPress.com 现在完全运行在 PHP7 上。WordPress.org 现在将默认推荐 PHP7。
  • 人们对设计有一些担忧。“如果 WordPress 不对界面等进行更改,[Matt Mullenweg 认为] WordPress 的市场份额将在 2018 年开始下降。” 以及“在未来的版本中,他‘希望看到设计引领潮流’。”

更新:视频现已发布


Web 动画基础:CSS 动画和过渡

🔗 http://rachelnabors.com/css-animations-course/
阅读评论

Rachel Nabors 的全新课程。这里有很多内容:学习代码以及学习工具来帮助处理代码并确保你做得很好。课程的一些亮点

  • 带字幕的视频,无需音频即可理解。
  • 方便的 CodePen 练习——无需设置代码。

;)

GOV.UK 上的单选按钮和复选框

🔗 https://designnotes.blog.gov.uk/2016/11/30/weve-updated-the-radios-and-checkboxes-on-gov-uk/
阅读评论

Tim Paul 记录了表单 UX 的一个有趣旅程。它始于浏览器默认设置。不清楚为什么这不起作用。但有趣的是,包括彩色偏移框中巨型基于标签的点击区域的更改并没有帮助。真正有帮助的是更大(且自定义)的单选按钮和复选框。

到目前为止,它们的测试结果非常好。在研究中,所有自信水平的人都能快速轻松地点击这些控件。

我曾经认为 SurveyMonkey 单选按钮的大小笨拙地大。现在我认为这可能是一个明智之举。

$1,076,940

🔗 https://articles.fortawesome.com/how-font-awesome-5-became-kickstarters-most-funded-software-project-4a63c035e84#.lde2h7x94
阅读评论

向 Dave Gandy 和 Font Awesome 团队致敬

Font Awesome 5 的 Kickstarter 筹集了 1,076,940 美元,拥有 35,549 名支持者,使其成为有史以来资金最充足和支持者最多的软件 Kickstarter 项目。

资助者会得到什么?1000 个以上的图标、图标字体连字(字体可以做的一件独特而酷的事情,例如将“向右箭头”变成➡,这可以成为一个辅助功能优势),以及,请鼓掌,一个将开源的 SVG 框架。

我们询问了 8500 名互联网评论者他们为什么要这样做

🔗 http://fivethirtyeight.com/features/we-asked-8500-internet-commenters-why-they-do-what-they-do/
阅读评论

阅读 Christie Aschwanden 的第一段。如果你写过任何引发评论的内容,我相信你能感同身受。

这里有很多数据需要消化,以及进一步的推测

我有一个假设:也许这种不阅读就评论的现象代表了回火效应的一种变体,在这种效应中,收到证据表明自己信念错误的人实际上会更加坚信他们已经持有的观点。在这种情况下,读者看到一个引起他们兴趣并提醒他们他们已经知道的事情的标题,这会促使他们思考他们关于该主题的预先存在的知识或信念,然后将其发布到世界各地。他们正在阅读的文章并没有告知他们,它只是为他们提供了一个强化(并传播)他们已经知道的信息的机会。

我们都是骗子

🔗 https://trackchanges.postlight.com/were-all-frauds-2fbd9b4440b6
阅读评论

Gina Trapani

我每天都会被这样一个事实所震惊:无论多少学位——或头衔、公司、工作经验年限、发布的应用程序、出版的书籍或 Twitter 粉丝——在面对一个全新的情况时都没有意义。你仔细思考,咨询你的信任顾问,尽你所能,也许写下你学到的东西。这几乎是你可以做的所有事情。因为你不知道你在做什么,其他人也不知道。

我发现关于冒名顶替综合征有趣的是,症状是你感到力不从心,但了解这种综合征却是一种解脱。

我完全忘记了打印样式表

🔗 https://uxdesign.cc/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.6lgt5crah
阅读评论

Manuel Matuzovic 重新发现了@media print {}样式。

他在本文中首先展示的是 Aaron Gustafson 的一条推文,其中 Indiegogo 的网站在打印方面非常糟糕。它看起来基本上就像一个没有加载任何 CSS 的网站,这可能是因为它们将所有样式都包装在@media screen {}中,或者使用<link rel="stylesheet" media="screen" href="style.css">。如果你打算对打印样式采用“从头开始”的方法,这很好。我通常更喜欢不限制屏幕样式并使用几个打印范围内的覆盖(“黑名单”而不是“白名单”)。

Manuel 指出你可以使用 Chrome DevTools 模拟打印媒体,这非常有用!这是一个简短的视频


Indiegogo 网站的屏幕截图也表明,如果你在 HTML 中不包含任何大小信息,内联 SVG(或任何图像,我想)可能会变得有点疯狂。这引发了以下提示

好计划

<svg width=“20px” height=“20px” … >

你可以用 CSS 轻松覆盖它,并且可以防止……(见图像)https://#/TcgKHL0R60

— Chris Coyier (@chriscoyier) 2016 年 11 月 17 日

即使 CSS 加载并正确调整了这些 SVG 的大小,在开始时让它们的大小大致正确可能也很有帮助,以避免 Sara Soueidan 所称的“未设置样式的 SVG 闪现”。

请记住,像width和height这样的属性在 CSS 中非常容易覆盖。在 CSS 中设置它们将覆盖它们。它们不像内联样式。

Manuel 的文章中还包含了其他 12 个关于在打印样式表中包含哪些内容的热门技巧,你可能不会想到:防止孤行、强制颜色正确打印、显示原本隐藏的内容、为无法正确打印的内容提供替代内容等。其他一些技巧在这里。

使用 1 个申请表申请 100 家科技公司

🔗 http://synd.co/2eYe8Zl
阅读评论

Indeed Prime 帮助 UX/UI 设计师和软件开发人员等技术人才简化求职流程并找到理想工作。候选人只需向 Indeed Prime 提交一个简单的申请,即可立即获得最佳科技公司的关注。Prime 独家平台上的公司会向候选人提前发送薪资和股权信息。平均而言,软件开发人员会收到 5 个雇主联系,平均薪资为 125,000 美元。Indeed Prime 对候选人 100% 免费——没有任何附加条件。当你被录用时,Indeed Prime 会给你 2000 美元的奖金,以感谢你使用 Prime!现在就注册,访问indeed.com/prime。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 116
  • 117
  • 118
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.