你们都知道，我在这里的 CSS-Tricks 上很少做赞助的博客文章。 但是，当 Squarespace 联系我们，希望为他们的新版本 6 做一些广告时，我很遗憾地告诉他们没有空位（我刚从侧边栏中删除了一个广告区域，以便稍微清理一下）。 所以我想，好吧，让我们写一篇关于它的博客文章，这将使我有机会说出我想说的话，并以更详细的方式介绍新的 Squarespace。 因此，是的：这是一篇赞助文章，但这些是我自己的话（他们甚至不给我谈话要点），这是我的选择。
什么是 Squarespace？
它是一个用于构建网站的 Web 应用程序。 您无需编写任何代码。 您使用他们超级流畅的界面来设计网站并管理内容。
他们刚刚发布了“Squarespace 6”，这是一种对应用程序的重新启动。 我认为它比之前的版本要好得多。 在这个最新版本中，在查看网站的实时预览时有意义的事情，您是在查看网站的实时预览时进行的。 在后台屏幕上更有意义的事情，您可以在后台屏幕中进行。 我觉得之前的版本将更多内容强加到实时预览区域。
我是一名网页设计师。 我为什么要使用它？
您是一名网页设计师。 这意味着您的家人会要求您为他们构建网站。 您的朋友。 您朋友的朋友。 您的理发师希望您为他们的猫构建一个网站。 您没有时间做这些，老实说，即使您有时间去做，而且他们有足够的钱支付您应得的报酬，他们真正需要的只是一个简单、漂亮的模板，他们可以在其中发布图片和文本，并排列一些内容模块。 您可以在 Squarespace 上几分钟内完成设置。 这样一来，他们不仅拥有一个适合他们的网站，而且还可以自己管理它，而不是烦扰您。
我有一个朋友，Scott McCormick，他实际上是一位非常棒的摄影师。 我在 WordPress 上为他构建了一个简单的自定义网站。 我认为它最终还不错，但回想起来，我真的希望我们能让他使用 Squarespace。 我认为它更适合他。 它将为他提供更多控制，并允许最重要的活动（发布新照片）比在他目前的网站上更容易、更直观。
此外，他将获得内置的统计数据，我相信他对此非常感兴趣。 我可以在它上面设置 Google Analytics，但说实话，我不想负责（并且成为每个我参与的网站的负责人）所有分析。
但它不仅仅是为您的弃用品而设计的。
我不想贬低 Squarespace。 它不仅仅是为那些您太忙而无法直接为其构建网站的人，或者您没有时间处理的人而设计的。 看看这些模板。 它们超级棒。 它们可能非常适合您自己或您的付费客户。 当然，您可以更改它们以匹配您的风格。
我有点犹豫要不要提及“即将推出”的功能，但 Squarespace 的工作人员向我保证，“开发人员模式”即将推出 Squarespace 6，它将成为用于构建 Squarespace 网站的一些超级高级的强大工具。 我还没有看到它，但这对我们网页设计师来说至关重要。 我相信 Squarespace 5 有一些不错的开发人员工具，所以如果他们正在为版本 6 重新设计它，并像网站构建器一样做得很好，那将非常棒。
未来
我最近主持了一场关于 CSS 可重用性的讨论。 这篇文章的起源是我在看一个网站模板时，思考了有多少（百万）次与之几乎完全相同的网站是由网页设计师手工编码的。 我们会永远这样做吗？ 我希望不会。 我希望基于简单内容的网站成为一种自助服务，商品化的事物。 我知道这有点争议。 我们以后要专门讨论一下。 我绝对不是反设计师，我只是希望设计师解决更重要的问题。 Squarespace（以及类似网站的兴起）是这场革命的开始。
优惠
如果您有兴趣，您可以注册 Squarespace 并使用代码 CSSTRICKS 优惠 10%。 这是对您进行的任何购买的 10% 优惠。 因此，如果您选择按月付费，则仅限第一个月。 如果您选择按年或两年付费，则相当于您在 12 个月或 24 个月中的每一个月都节省了这 10%，因此节省的金额更高。
我想在这里也发布他们的视频。
Chris 做得很好 - 当我看到这是一篇赞助文章时，我立即想到 *哦，不*，但这实际上是一篇非常棒的评论 - 我知道 Squarespace，但没想到会把它用于所有要求我为他们制作网站的人 - 这很棒。
我还应该指出，Squarespace 是一家非常棒的公司。 我已经开办了一年免费的网页开发课程，Squarespace 的团队非常友好，每月都会免费在我们公司美丽的办公室为我以及大约 30 名学生提供场地。 我在那里遇到的所有人都很友善，他们的首席执行官绝对是天才，是所有前端交互的幕后推手，他们真心致力于在纽约市建立网页开发社区。
因此，向您致敬，并向 Squarespace 喊话，感谢他们棒呆了。 这条评论没有赞助，我与 Squarespace 没有任何关联（除了在那里举办课程）。
很棒的文章！ 我使用 Squarespace 为客户/朋友项目做了几次，效果还不错。 我仍然会向许多人推荐它… 但是。
它并没有那么可定制。 您根本没有构建设计/布局，甚至不像一些 WP 主题那样允许您这样做，而是从几个选项中进行选择。 因此，我永远不会把它用于我自己或任何或多或少知道自己想要什么内容的客户。 因为很可能，不会有这样的选项。
此外，在没有高级 DNS 编辑器的情况下，我遇到了一些将网站连接到非标准域名注册商托管的域名的麻烦。
我还没有测试新版本。 总的来说，我非常喜欢 Squarespace，他们朝着正确的方向前进。 希望他们继续前进！
Chris,
我知道你必须谋生，但这不是我希望在 CSS-Tricks 上看到的内容。 这与 CSS 本身没有任何关系。 该产品可能有多棒。（我认为它很棒，但宝马、喜力、哈雷戴维森等也是如此）
我确实很喜欢你的屏幕录像、技巧等，我期待着重新设计系列，但请不要在这个网站上过于商业化。 我不想浏览每篇文章以查看它是否是广告。 也许可以放在自己的类别中？
致敬，Bert
感谢您的意见，感谢您提出这一点。
我预料到了这样的评论，因此在介绍段落中解释了“原因”。 相信我，我经常思考这个网站的内容以及与之相关的广告。 我选择做这一个，因为它是一个与网页设计、网页设计师以及他们的生活方式直接相关的产品。 而且这是一个我喜欢并且对网页设计的未来非常重要的产品。
注意：这是最后一条关于这个话题的评论，我将允许在本主题中发布。 如果您真的对此感到愤怒并想告诉我，请给我发电子邮件。 否则，让我们聊聊 Squarespace 以及自助服务网站的未来。
我认为 Bert 这样做很不公平。 CSS tricks 是一个很棒的资源，而且基本上没有广告。 嗯，它们从未妨碍我。
对于 Chris 在这个网站上必须花费的时间，您不能因为他在做赞助文章时赚了一些钱就批评他。
公平点说吧。
你爸爸不付钱给CHRIS COYIER：~
@Bert: 我认为你这样说很自私。
你可以免费使用这个CSS-tricks网站。作为小小的代价，你需要接受网站的广告，这些广告并不令人反感，我甚至不记得曾经见过它们。Chris在网站上投入的工作量以及他的演讲活动肯定比全职工作还要多，但你却觉得有权享受一个100%无广告的体验。究竟是基于什么？仅仅因为你有幸访问这里吗？
除此之外，尽管这个故事是赞助的（这一点已经明确标明），但它实际上对许多访客来说仍然很有用。
– Squarespace 6 是复杂交互高级 UI 设计的里程碑。我不认识任何能与之媲美的 Web 应用程序，它是使用现代标准、响应式设计高级 Web 应用程序的主要灵感来源。
– Squarespace 6 确实是小型客户的理想解决方案，因为它是最好的 Web CMS 系统之一。这对这个行业的人来说怎么会不感兴趣呢？
Chris,
我理解你对 Squarespace 的想法。
多年来，我们一直告诉潜在的“小客户”，我们没有时间去处理他们简单的、小型网站。经过对业务的分析，我们意识到，我们每年都在将数千美元拱手让给竞争对手。现在，我们团队里有一些优秀的入门级设计师，他们可以用类似于 Squarespace 的系统构建网站，我们也因此受益匪浅。这些“小客户”往往会超出这些基本系统的限制，而且因为他们信任我们，所以当他们需要更大的东西、SEO、PPC 或者任何其他相关服务时，他们会来找我们。
最终，我宁愿将他们留在我方，也不愿将他们拱手让给竞争对手，即使那只是一份不到1000美元的工作。
这是我第一次听说 Squarespace，我很高兴你发布了它。
有很多人的 Web 设计（CSS、HTML）技能不如这里大多数活跃的用户，这些人帮助我们这些新手进步和变得更好。
我并不是说像 Squarespace 这样的应用程序应该成为停止学习的理由，仅仅因为它可能更容易在不了解 CSS 和 HTML 的情况下构建页面。
最近，当我为公司建立网站的消息传出去后，我收到了朋友的一些请求，他们想为自己的小企业建立简单、吸引人、漂亮的网站，例如：餐馆、理发店、汽车修理店和宠物美容店，但我拒绝了，因为我觉得自己还没有准备好。
也许有了 Squarespace，这一切会变得更容易、更高效，也更漂亮。
这只是我的想法，基于你的评论，我甚至不太了解它。
不错的预览。我可以看到它可以派上用场，就像你说的，适合朋友和亲戚。拥有更多选择总是很棒的。我不知道是否会使用它，但知道它存在，需要时就能用，这很好。
这是我第一次了解 Squarespace，我喜欢这个应用程序，它真的帮助很多人自己设计网站。
作为你网站的新忠实读者，我从这篇博文中获得了三件重要的事情。
1: 我可以从 Squarespace “复制”的极简主义灵感。
2: 链接到你的关于“可重复使用性”的文章，否则我可能在浏览存档时错过了它。
3: 其他人对此事的看法。
再次感谢 CC！！
我赞同那位说这确实是“小客户”可行选择的人。我真的很想摆脱“我们做大型网站或定制网站或*你只能在这里做的事情*”的整个概念。我的意思是，我的工作是帮助人们利用网络实现他们的目标和梦想。我为人们创建了许多真正的原始项目，预算很低，因为他们的热情比他们的钱包更重要。这些工具给了你选择，并创造了一种（至少在我看来）更具咨询性的方式，适合那些无法选择更昂贵方案的人。
人与公司都在发展。只要你创建了现实的期望，你就可以提供一些他们会超越的东西，他们也会足够信任你，以维持这种关系。
您好，Chris，
感谢您与我们分享这些信息。
我发现 SquareSpace 对我的两个项目来说非常完美。
我认为，它可以很好地替代 WordPress 或 Joomla，尤其是在我需要一个清晰且易于使用的界面供最终用户使用时。
您知道其他类似的 Web 应用程序服务吗？
祝您度过美好的一天！
Andrea
我们为小型客户使用 Adobe 的 Business Catalyst – 它可能介于 Squarespace 和完全定制的网站之间。它好的地方在于，你可以选择默认模板，也可以创建自己的模板。它也有缺陷，但在我看来，它是一个不错的选择！
我应该在上面说“非电子商务”/“潜在客户生成”，而不是“更小”的客户。它确实具有电子商务功能，但我们倾向于为这些类型的网站使用其他解决方案！
嗨，Chris，
感谢你做了你认为对的事情。
在 Squarespace 6 发布两天后，我偶然发现了它，当时我已经两年多没有查看它的前身了。所以，我对整个新软件包感到非常惊讶和兴奋。我也赞同你的观点，它对小客户来说是一个很好的选择。
不过，有一点仍然让我有点困扰：拖放导入未经处理的（即未裁剪、未降采样和未经过艺术压缩的）图片会产生巨大的尺寸：750 x 422 像素的图片大小为 330 KB，这是荒谬的。Squarespace 是一个面向画廊的产品，用户会以这种方式将大量图片推送到他们的网站上，从而导致加载时间过长。
还有其他人遇到过这种情况吗？
干杯
Markus
PS 我也对开发者模式很着迷。
事实上，我曾短暂地接触过 Squarespace，因为我们的一位客户（他们只是来找我们寻求营销建议，而不是网站构建）正在使用它来制作他们的网站。我真的很佩服它的后端看起来多么灵活，它确实看起来像是小型网站的不错选择。
不过，有一件事我无论如何也弄不明白，那就是如何在链接上安装事件跟踪（Google Analytics）。它似乎会剥离代码？我知道它有内置的分析功能，但我们更愿意以与所有其他网站相同的方式跟踪它。有没有人安装过它，或者他们不允许你在页面上放置自己的 JS 代码？
你可以在配置面板的“设置”区域直接输入 Google Analytics ID。
此外，你可以使用“代码注入”选项卡（也是“设置”区域的一个选项卡）在页眉和其他各个区域注入自定义代码。
谢谢 – 是的，这就是我的问题 – 我找到了将代码注入页眉以在所有地方使用分析的位置，但要设置链接上的特定点击事件（例如，联系我们链接或预订链接），它似乎会在内容容器中剥离代码。
在后端，我发现了一个复选框，上面写着类似“允许某些 JavaScript 在此块中运行 – 警告：实验性”的内容，但它似乎并没有改变输入的任何代码都没有出现在实时网站上的事实。
我可以想象，对于使用 Squarespace 的用户来说，这并不是什么大问题，因为它可能自带足够的分析功能来让他们满意，而且大多数事情都可以不用自定义代码来完成。但对于像我这样喜欢对所有事情都有完全控制的人来说，这意味着它对我个人来说不是解决方案！
嗨，Chris，
这是一个对新 Squarespace 6 诚实而精彩的评论。之前有人提到文章中没有提到 CSS，我想指出，你可以在 Squarespace 系统中创建的任何模板中添加你想要的自定义 CSS。
要做到这一点，请在你登录并查看网站前端时，点击“画笔”图标。这将在浏览器左侧打开样式编辑侧边栏。侧边栏底部有一个标为“CSS”的按钮。点击它，就会弹出一个新窗口，其中包含语法高亮和格式化的 CSS 编辑器。
通过使用 Safari、Chrome 和 Firefox 的内置“检查元素”功能，或者使用 Firebug 等插件，你可以右键点击 Squarespace 网站，找到任何要修改和覆盖的 CSS 选择器，然后使用内置的 CSS 编辑器。
好吧，我认为对于客户来说，这是一个很好的工具，他们可以通过它绕过我的服务，直接使用这种工具，而且价格固定。在过去的几个月里，我一分钱都没赚到。我很难向客户解释为什么我的服务比这种工具更好。寻找客户的问题越来越严重。
我无法与这种价格竞争，我担心如果出现更多这样的工具，对像我一样只想谋生的人来说，情况会变得非常糟糕。
我不想发一篇粉丝帖，但这正合我意。本周早些时候，我的一位朋友给我发邮件，问我是否可以为一位朋友的朋友的虎皮鹦鹉制作一个网站。当然，他们没有详细信息，而且钱更少。我还没有回复。我甚至害怕进行简单的 WP 安装，因为需要强制培训和支持。Squarespace 看起来是一个很好的解决方案。
我希望看到更多深度和平衡。缺少的开发内容让一些人无法接受。我希望看到你更务实，并倡导自托管选项来鼓励可扩展性。当我开始阅读时，我以为我会进一步调查，但到最后，我感觉被推销了，我不喜欢这种评论，所以我不会进一步调查该产品。我认为消费者比那更具洞察力。
顺便说一下，我认为 codekit 从你更微妙的认可中获得了更多关注。你应该从推荐像 codekit 这样的优秀产品中获得大量佣金。我购买了 codekit，并且我至少向三个开发团队介绍了它，他们现在正在使用它，这直接源于你平衡的评价。
我对这样的评论没有问题，只要明确表示它是付费的，并且是你的原创内容。我唯一的问题是 Google 如何看待这篇文章中的链接。如果它们没有被标记为 nofollow，那么它们是否违反了 Google 的“规则”？请参阅
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66736
我现在用的是 iPad，所以我不知道如何查看源代码或检查元素来查看指向 squarespace 的链接是否是 nofollow，但我只是想提出来，因为我认为这与任何做付费评论的人相关。
这些链接最初没有 rel="nofollow"，但现在有了。感谢提醒。冒着 Google 处罚的风险 = 从来都不是一个好主意。
这是我第一次听说 Squarespace，我很高兴你发布了它。
Squarespace 对许多人来说，尤其是那些不擅长网页设计的人来说，是一个好消息。
但我认为，对于那些从事设计的人来说，是不需要的。
我只想说，我并不反对这种帖子。我相信你对这类事情的判断，我关注你的作品部分原因是想了解与网页开发相关的有用软件和应用程序。我认为这符合条件。
我并不反对这个，但我更喜欢使用免费主题的 WordPress，没有额外的费用，并且有很多免费主题和插件。每当我使用这类服务时，客户/朋友总是事后想要一些不支持的功能。然后我总是想到“如果这是 WordPress，我可以在 5 分钟内解决它”。
根据你的评论，我尝试了一下。我一直难以想出一个很棒的想法来设计我的平面设计作品集布局。我基本上想要一个与其中一个模板非常类似的东西。好吧，足够接近了。
经过一个周末的工作，我以不到 100 美元的价格将它发布到网上。并不完美，但可以作为一个起点，直到我想出其他方案为止。
拖放框架运行良好。有一些方法可以在某些地方添加代码片段。我可以自定义一些 CSS，甚至可以从 Google Fonts 中选择字体。
那是我的一个问题… 字体。Google Fonts 的选择器在 Chrome 上一直崩溃。
这类网站的问题是它们提供的模板不够多。每个人的网站看起来都一样，不是相似，而是完全一样。我认为 WordPress 对于预算有限的公司来说是一个更好的选择。高级主题非常便宜，你不需要每月付费，而且如果你想要一个外观很棒的网站，你可以付钱给设计师或 PHP 程序员进行一些微调。这样你就可以以很少的钱获得一个半定制的外观。
我绝不会建议一家正规公司忽视他们的网站设计。如果他们不小心，可能会毁掉他们的生意。
是的，他们正在杀死我们这些自由职业者！
我偶然发现了一位设计师，他以定制 Squarespace 网站为生。 http://www.getboyce.com/
这很好地说明了超越标准模板的功能。
很酷的想法，但为什么要付钱给设计师，然后再支付月费？如果你是想在电子商务平台上设计，我理解，这会节省很多钱，而且月费是合理的。
我很少评论，但看完这些评论后，我觉得有必要插一句。
我已经使用 Squarespace 多年了，用于大小不同的网站。它不是一个完美的解决方案，但它比大多数人迅速假设的要强大得多。我创建了像 http://originalhooters.com 这样的复杂网站，以及像 http://mybike.com 这样的简单（且自适应）网站。使用 v.5，可以从头开始构建模板，这些模板实际上是自定义网站。老实说，我几乎总是用 Coda 编写整个网站的代码，然后将它们放到 Squarespace 中，根据需要进行调整以适应它们的 CMS 要求。是的，我已经使用它很多年了，所以我非常熟悉它，但那些 WordPress 爱好者不应该如此迅速地否定 Squarespace。
而且我个人对版本 6 感到兴奋。它很漂亮，我知道开发者工具集会值得等待。
我们的主要开发人员一直对 Squarespace 赞不绝口，在阅读这篇文章后，我向几个人推荐了它——但仅限于那些负担得起昂贵服务的人，我认为我不会在普通项目中使用它，或者说不会在任何超出“来，玩玩看你怎么想”的项目中使用它。
你的帖子让我去他们的网站上看了看，现在我有点期待即将发布的开发者新版块。我很想看看我们这些开发者可以利用哪些控制功能。
嗨，克里斯，
Squarespace 开发者计划现已向公众开放！如果你能做一个视频评论，那就太好了！