有无数的单页应用专注于简化前端开发的某些方面。我认为它们很棒。它们体现了我们行业著名的共享和独创性的优秀文化。我们每个人都有略微不同的工作和略微不同的技能。这意味着对您有用的一个小助手应用可能对我来说就没有用，反之亦然。因此，在这些年里我见过的可能数百个这样的单页应用中，只有少数几个是我经常使用的。我想分享一下这些应用，也许您也可以在评论中分享您的应用。
CSS3Please.com
当您可以来到这里，以简洁的格式和注释快速复制它时，为什么要为过渡键入所有五个属性/值对？即使您已经记住了，来到这里也能确保您拥有最新的语法，因为浏览器会不断发展。
Border-Radius.com
每次我需要圆角元素的某些角而不是所有角时，我都会来这里。我从第一个框开始，输入值，然后切换到其他四个输入值。moz 和 webkit 之间的供应商前缀对于特定的角是不同的（例如 radius-topleft 与 top-left-radius），我总是记不住。
HTML-Ipsum.com
我为自己创建了这个网站。只是一些非常常见的 HTML 标记，填充了“lorem ipsum” 填充文本。有时我需要几段中等长度的文本或一个快速的有序列表导航。现在，这些东西只需点击一下即可复制到剪贴板。
ScriptSrc.net
我必须在这个页面上添加 jQuery……Google 的 CDN 上托管它的那个长长的奇怪 URL 又是什么？我记不住，但是通过这个网站，您可以点击所需的库并将脚本标签复制到剪贴板。
CopyPasteCharacter.com
是否需要用于推文、电子邮件或网站的非常常见的符号？只需来这里点击复制它们即可。按住 Alt 键可获得多个符号。点击顶部的链接可在编码和未编码之间切换。
按钮制作器
如果我只是需要一些快速 CSS3 来制作按钮，我通常会使用这个（另一个由我创建的）。样式不适合所有场景，但我认为它是一个非常不错的通用可定制样式。
激发这篇文章的一个灵感是，我刚刚帮助一位朋友在 STRFTIME 上添加了一个设计，这是一个用于获取日期格式占位符符号（例如 %Y = 2011）的单页应用。
这真是太棒了！
谢谢分享 - 一直想要这样的东西
您的按钮制作器多次帮助过我！谢谢！
只想指出按钮制作器使用了 WebKit 的旧语法渐变，即使在 WebKit 的新版本中也能正常工作，但可能也应该更新为包括新语法。而且您可能希望最后列出一个标准语法，以备将来使用。
但绝对是一个很棒的列表，有了评论后就更棒了。谁知道 Chris Coyier 会变成一个列表文章狂魔？:)
我不敢相信您没有经常使用任何“该死的”工具！
</sarcasm>该死的文本阴影
该死的 HSLA
该死的未加引号的属性
该死的 CSS 转义
不过说真的，当您确实需要它们时，它们确实非常有用。
什么鬼！？太TM牛逼了！:DD
超级有用！谢谢 Chris。
谢谢，非常有用的帖子。这是我最喜欢的单页应用之一：http://0to255.com/
喜欢那个网站。另一个是 colorto.me
哦，这太棒了 <3
哇，那真是个很棒的工具！过去有很多次我都想要这样的东西。
那真是个很棒的网站，经常用。
这个还是 kuler？
肯定要收藏起来 :) 我使用的那个是颜色方案设计器 - http://colorschemedesigner.com/.. 太喜欢了！
太棒了，谢谢！
Border-Radius.com 的图片太大。它一直延伸到广告和投票后面。使用的是 FF5，如果这很重要的话。
至于这篇文章本身，自从您前几天发布它以来，我一直疯狂地使用 SpriteCow。
已修复该图片，谢谢！是的，SpriteCow 确实很棒，只是我不太“一直”使用它。我希望很快就能在实际项目中尝试一下。
说到 SpriteCow - 当您尝试使用它时，能否发帖说明一下？我查看了该网站，但就是不知道如何使用它！
http://dummyimage.com 用于按需填充图像。有很多这样的网站。
我喜欢 http://placekitten.com/
可以选择很多填充图像 http://www.russellheimlich.com/blog/list-of-dummy-image-generators/
既然可以使用border-radius简写，Borderradius页面是不是完全没用了？
我的意思是，border-radius:2px 3px 1px 4px; 比为一个浏览器写4行代码效率更高。
看到它的时候我也这么想。
如果我没记错的话，它是在Webkit开始使用无前缀版本之前创建的，并且带webkit前缀的简写并不真正起作用，所以你必须使用单个声明。
现在它变得有点没用了（除非你需要支持Safari 4或非常旧的Chrome版本）。
使用TextMate，我设置了一个标签片段，所以我写“br”然后按Tab键。然后我写简写或单个值，它会被复制到浏览器特定的css声明中。
在bundle编辑器中，只需添加以下内容
-moz-border-radius:$1;-webkit-border-radius:$1;border-radius:$1;
很有帮助，谢谢。有些我以前就在用了，有些我以后会用。
喜欢这个网站！只是想推荐两个我最喜欢的
- CSS Prefixer 用于自动插入供应商前缀 – http://cssprefixer.appspot.com/
ProCSSor 用于通用CSS清理 – http://procssor.com/
我只想说你太棒了。我不知道该怎么表达。非常感谢。
很高兴您发现我们的网站有用！感谢您的提及！
http://scriptsrc.net/
感谢这份很棒的列表！如果您不介意的话，我想添加我自己的单页应用Patternify
http://www.patternify.com
这是一个生成图案并将其导出为CSS base64代码的应用。
这太棒了。向你致敬。Base64代码并不广为人知或使用，但我了解它，我见过它在实际应用中，就性能和速度而言，它非常棒。
如何仅使用Base64代码实现此功能？我尝试只包含它，但除非我添加了PNG的路径，否则div不会显示。
我是不是错过了什么？
好的。不确定是什么原因，但我让它工作了。
在处理Javascript（特别是处理正则表达式）时，我经常使用这个：http://www.ftrain.com/unicode/
每当我要写渐变时，我都会使用这个
http://www.colorzilla.com/gradient-editor/
完美！:D
在我看来，字符复制粘贴的实现更友好、更简洁
http://www.symbolicode.com/
有趣……我弄不清楚如何复制版权符号。在另一个应用中，我只是点击它。
设计有点混乱。页脚中的蓝色©符号只是装饰。如果您将“选择一种风格”下拉菜单更改为“符号和标点符号”，您会找到一个可点击的版权符号。
如果您希望获得更广泛范围的字符作为HTML实体，Symbolicode 非常不错，但是CopyPasteCharacter 也可以让您以Unicode的形式使用它们，以便您可以在推文、电子邮件等中使用它们。
是的，说到正则表达式，我真的很喜欢RegExr（http://gskinner.com/RegExr/）来测试语法等
赞同。我只是希望它能够为PHP、JS、TextMate等生成特定的正则表达式。尽管差异很小，但这种改进可以让我节省时间。
http://txt2re.com/ 统治着正则表达式世界。
很棒的列表，但我对提供CopyPasteCharacter.com的人有一些意见。西班牙语不是唯一使用波浪号~的语言。但在葡萄牙语中，波浪号用于字母A而不是字母N（如圣保罗）。太可惜他们没有空间了。（我确定他们必须省略很多特殊字符，所以我就不抱怨了。）
刚刚收到该网站作者的回复邮件
“您好，我们正在开发该网站的新版本，其中包含许多新字符，将在不久的将来发布。关注我们的Twitter（@copypastechar）以了解发布时间。”
问一下总没错。
Lorem pixum 用于生成随机照片以用于快速代码示例，非常棒：http://www.lorempixum.com/
如果您可以切换PHP和MySQL，该strftime网站将更有用。PHP手册页面 – https://php.ac.cn/manual/en/function.strftime.php – 明确显示了代码表，因此您在这里不会获得太多好处。
所有这些字符复制网站在Flashblock下都崩溃了，即使在您激活Flash之后也是如此。
我之前自己构建了一个非常简单的实体查找器，它只是从1循环到大约20,000，并通过HTML实体显示每个字符。对我来说很有效！
我认为他们没有在该网站上使用Flash进行复制，因此Flashblock不应该破坏任何东西。
我找不到向strftime.net发送功能请求的机会，所以我在这里发布它，因为我在这里找到了它:)
如果它能用用户选择的代码输出当前/任何时间，那就太好了。您还应该整合在光标处而不是末尾插入符号的功能。
很棒的列表！:)
问候
我赞同这个建议 - 我正准备自己发布这个建议。
我来这里是为了提出同样的建议，如果那里能有实时预览就好了。
很棒的列表，感谢您的提示……CSS3Please.com应该有助于驯服那些不断增长的样式表……
还有一个 – http://boxjs.com :)
这里有一些很酷的网站……真正的省时工具，感谢您发布。
干杯
I
很棒的列表，但我想添加procssor.com和0to255
Chris，你见过CDN Catalog吗？它比ScriptSrc.net提供了更多选项，但仍然足够简单，可以快速获取那些长脚本标签。
哇，Chris。很棒的内容。谢谢！
哦，天哪……那里有很棒的东西……喜欢jscript包含和圆角网站……非常棒的工具！感谢分享！
非常感谢先生……它都在一个商店资源页面。
那是我的应用 -> http://cssnapkin.com
仍在 alpha 阶段（非常 buggy），但您会明白的。它仅用于使用 CSS 绘制复杂的图形。完成后，只需复制 HTML 和 CSS，即可完成设置。
享受！
非常好.. 继续改进它 :)
很高兴你喜欢它 :)
是的，那确实是一个很酷的应用！
我喜欢这个应用的想法，所以我想我会关注一段时间看看情况如何。只有一件事，由于很多人已经使用 Photoshop 和其他程序来创建他们的图像，是否可以有一种方法将这些图像直接转换为代码，并且由于此应用的功能（效果等）始终落后于这些程序，这是否不是一个更好的主意。当然，我对这个主题一无所知，这就是我问你的原因。不过我真的很喜欢这个主意！
非常有用的列表。感谢分享
这确实是我见过的最好的开发/设计网络应用列表。真的。我收藏了几乎每一个（我之前没用过的）以及评论中的一些。如果我能在工作中使用这些工具或放一些小猫…
感谢分享这个很棒的列表，尤其是 copypastecharatcter.com。
我是 http://lorizzle.nl 的粉丝，它是一个 whigger-lipsum 生成器 :-) 看到这种虚拟文本时，你忍不住会微笑。
Lorizzle 拥有狗狗 pizzle amizzle，它是 fo rizzle shizzlin dizzle elit。
如果有人将所有这些独立应用的功能整合到一个应用中，那就太好了，有点像 iPad 上的 CSS3 Machine，但带有一些旋钮，并且可以在网络上使用…
我也很喜欢这个 http://initializr.com/ 开始新项目很棒。
你每天都需要使用这些网站，所以你都用记事本吗？:D
感谢列表.. HTML-Ipsum.com 是一个巨大的时间节省器。
很棒的帖子！我现在使用其中几个网站！感谢其他网站！
谢谢 Chris，直到我读到今天的帖子，我才知道我使用了多少你的 lipsum 页面和按钮制作器。很棒的帖子和很棒的回复。其中一些已经被提及，但这里有一些我使用的其他网站。
颜色：http://0to255.com/
快速预加载器：http://www.ajaxload.info/
渐变：http://www.colorzilla.com/gradient-editor/
CSS3 让我们玩得开心：http://cssprefixer.appspot.com/
嘿，Chris，
非常感谢你的精彩帖子！
感谢列表！我特别喜欢字符和按钮建议。再次感谢。
非常感谢，这个列表非常有用。我还推荐 http://www.favicon.cc/ 用于在地址栏上制作那些漂亮的图标。 :)
怎么会有人不提及这个很棒的网站呢
http://css3generator.com
它有很多功能，轻巧、快速且非常棒。
同意，除了 css3please 之外，我发现自己也在使用 css3generator，它具有更多属性，如 @font-face 和生成 rgba 颜色。
*需要注意的是，css3please 标记在跨浏览器方面更加完整，因此我经常将其用作参考。
同意。CSS3generator 确实让其他一些提到的应用变得毫无意义了吗？
很高兴您发现我们的这个小网站有用！……更有创意
http://www.creativesms.co.in
很棒的东西！感谢分享！也喜欢评论和添加的网站。
我在这方面同意 Dee 的观点。谢谢 Chris，谢谢大家！
我使用这个：leftlogic.com/projects/entity-lookup，而不是 CopyPasteCharacter.com
有一 *有* 无数个单页应用
Chris 和大家添加的额外内容真是太棒了。这就像送给我的七月四日礼物。:-)
非常宝贵的资源！这个网站也是最易于导航和美观的地方之一。
谢谢，这是一个很棒的列表！
这里有一些很好的补充添加到我的应用列表中！谢谢！
我可能最常使用这个。
http://cssfontstack.com
谢谢 Chris，很棒的列表
嘿，这是一个很棒的列表。我是一个新手，它帮助我理解了很多内容。一定会分享它。谢谢！
感谢所有有用的应用供查看、使用和学习。是否有任何用于 JavaScript 的应用，例如轻松缩小？
http://colorschemedesigner.com/
非常感谢这些简单而高效的工具。
很棒的分享！！！我喜欢按钮制作器…
JSON 解析器 http://json.parser.online.fr/
方便的文章，我喜欢复制粘贴字符的功能。
很棒的文章！我经常使用的另一个网络应用是“What The Font！”（http://new.myfonts.com/WhatTheFont/）
我发现尝试找出自己喜欢的艺术作品中使用的特定字体很麻烦。这个工具非常有用！
http://procssor.com/
如果你喜欢 CopyPasteCharacter.com，你可能也会喜欢 SymbolAssist（一个分类的 Unicode 字符映射）@ http://plasticmind.com/labs/symbolassist/。
很棒的文章！刚刚收藏了。
我的建议也是 http://www.ipdetails.net
太棒的合集了！这些真的能节省很多时间！！
我最喜欢这个网站的一点是评论区，你知道，你提到了你使用的一些很棒的应用，感谢所有在评论中发布他们自己应用（他们使用的应用）的其他朋友，它们真的非常酷！！
分享就是爱。我钦佩这个社区 :)
感谢分享这些工具，Chris。真是慷慨之举。有一段时间我一直想知道，大多数网页设计专业人士在开始实施精美设计的网站界面时，都在使用哪些工具。
一个问题：你在构建主题时使用什么框架？你能为一个普通的 wp 发烧友推荐一个吗？
谢谢！
别忘了 http://www.iconfinder.com/ :-) 查找 GUI/设计图标的好工具，而且很多都是免费用于商业用途的。
顺便说一句，列表不错，我真的很喜欢你的网站。
很棒的列表……我一直在大量使用你的按钮制作器！ :)
我还创建了一个小型单页工具，可以帮助将长长的原始文本列表转换为 html 列表或选择项。也许这个也有帮助 :)
http://code-pal.com/listify
有用的文章，评论中也有一些有用的建议。如果你不介意的话，我也想推荐一下我自己的应用，我正在学习，所以任何反馈都欢迎……http:/www.randomtext.me
糟糕，那个网址应该是 http://www.randomtext.me :)
感谢评论，已收藏！
这里有一个非常实用的工具，最近对我来说非常有用。。
http://layerstyles.org/
享受
一种创建重复背景条纹图案的简单方法……请参见链接
http://www.stripegenerator.com/
享受 :)
我想提出两个新建议
http://LaunchSoon.com
http://ShareSidebar.com
这真的很有用！！
对我们这些脑子像不粘锅一样的人来说，这是天赐之物。
你好，Chris！
我脑海中还有另外一个，那就是
http://www.colorzilla.com/gradient-editor/
其中 80% 应该在您选择的 IDE 中。如果不是，则应将其作为插件实现/启用。为什么我会比语法更记得一个网址或书签，并且不得不为此离开我的 IDE？
当然，这样的“应用程序”提供的自我提升感比 IDE 插件更匿名。但哪一个真正更有成效？
喜欢 CSS3Please.com ……谢谢
我喜欢这个列表。还有一个类似的 @ http://www.whatisthatsong.net