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

Links

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

规范化 CSS

🔗 http://sonspring.com/journal/formalize-css
阅读评论

Nathan Smith 的框架,用于制作美观、HTML5 就绪、渐进增强、跨浏览器表单。

样板 CSS3 媒体查询

🔗 http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries
阅读评论

Andy Clarke 收集的媒体查询,可帮助您开始构建*响应式*网站。 响应式是新词,用于描述能够根据可用空间调整样式以最佳显示内容的网站。

深入挖掘 WordPress v3 – 回归印刷

🔗 http://digwp.com/book/
阅读评论

我的书第三版,由 Jeff Starr 共同撰写,已从头到尾进行修订,确保所有内容都更新,并新增了关于 WordPress 3 的章节。 现在印刷版已重新上市,数量有限,采用了新的精美 黑色光面封面 和黑色螺旋装订(平放!)。

价格不菲,70.00 美元(+ 运费),但这是打造这款全彩美书所需的成本。 当然,这还包括 PDF 和该 PDF 的终身免费更新。

WebP 图片格式

🔗 http://code.google.com/speed/webp/
阅读评论

谷歌发布了一种名为 WebP(发音为“weppy”)的新图像压缩格式。 它适用于照片类图像(如 JPG),并且也是有损的(如 JPG)。 他们的 示例画廊 展示了并排比较,其中 WebP 版本在质量上相等或更好,但尺寸更小。 不过,他们提供的下载却有 奇怪的不同结果…… 我听到一些传言说 WebP 的质量更差,但就像 JPG 一样,它也具有质量设置,所以我不确定是否可以做出这种笼统的评价。

由于目前还没有浏览器支持这种格式,您可以使用“PNG 包装器”(文件名是 ___.png),这样浏览器就可以显示它们。 您必须使用超级专业的 Linux 命令行工具来转换图像。 转换器以 JPG 作为输入,有趣的是,这个“比 JPG 更好”的工具需要 JPG 才能工作。 虽然我意识到这更关乎小型压缩图像,而不是大型高质量图像。

我认为这种格式在出现更好的工具来创建这种格式的图像之前,不会得到广泛使用。

推广 JS

🔗 http://promotejs.com/
阅读评论

找到正确、最新、编写良好的 JavaScript 文档有时会非常困难。 网络上有很多错误信息(你能相信吗?!)。 这是为了通过让用户在他们的网站上放置专门制作的链接来链接到他们的 JavaScript 文档的特定部分,从而让 Mozilla 的高质量文档出现在搜索引擎结果的顶部。

这些 JavaScript 小孩也真聪明。 这是我的

JavaScript Reference, JavaScript Guide, JavaScript API, JS API, JS Guide, JS Reference, Learn JS, JS Documentation

处理内容抓取器

🔗 http://perishablepress.com/press/2010/09/24/content-scrapers-suck-ass/
阅读评论

Jeff Starr 对 我关于对内容抓取器不采取任何行动的文章 的回应。 除其他想法外

在您的文章中散布一些内部链接会带来一些绝佳的好处:从被盗/抓取的内容提供链接回到您的网站,帮助您的读者在您的网站上找到新的和相关的页面/内容,使搜索引擎能够轻松地深入爬取您的网站。

供应商前缀等效项

🔗 http://peter.sh/experiments/vendor-prefixed-css-property-overview/
阅读评论

您是否曾经想知道 Gecko 等效于 WebKit 的 -webkit-transition-timing-function 是什么? 本图表可以满足您的需求。 但更重要的是,如果其他渲染引擎根本没有实现这些属性。

jQuery 峰会

🔗 http://www.environmentsforhumans.com/2010/jquery-summit/
阅读评论

我将在 jQuery 峰会上发言,该峰会是 2010 年 11 月 16 日和 17 日举行的第二届年度在线实时 jQuery 大会。

如果您有兴趣,请使用优惠券代码 JQUERY2CHRIS 享受 20% 的折扣!

ProCSSor

🔗 http://procssor.com/
阅读评论

最漂亮的 CSS 美化工具。 我发现这些东西很有帮助,当我要继承别人的 CSS,并且想要以我喜欢的格式来整理它,而又不希望手动操作时。 事实上,我通常会先手动操作,然后会说:哦,对了! 计算机!

这是我之前使用的一个,它的功能很棒,我喜欢它询问您如何操作的方式(例如,在花括号后插入 [换行符?])。

WebKit 本机异步脚本加载

🔗 http://webkit.org/blog/1395/running-scripts-in-webkit/
阅读评论

WebKit nightly 版本现在支持此功能。 语法如下

<script async src="myAsyncScript.js" onload="myInit()"></script>
<script defer src="myDeferScript.js" onload="myInit()"></script>

async 和 defer 脚本都立即开始下载,而不会暂停解析器,并且两者都支持可选的 onload 处理程序,以解决对执行依赖于脚本的初始化的常见需求。 async 和 defer 之间的区别在于脚本执行的时间。 每个 async 脚本都在完成下载后的第一个机会执行,并且在窗口的 load 事件之前执行。 这意味着 async 脚本可能(而且很可能)不会按照它们在页面中出现的顺序执行。 另一方面,defer 脚本保证按它们在页面中出现的顺序执行。 该执行在解析完全完成后开始,但在文档的 DOMContentLoaded 事件之前开始。

过去,这是通过在 JavaScript 中创建新的脚本元素并在页面加载后将其附加到头部来完成的。 这更简单,也更干净。 让我们希望其他浏览器制造商也能采用它,并使用相同的语法。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 194
  • 195
  • 196
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们手工制作的时事通讯

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

© 2024 . All rights reserved.