加入我们与专家聊天! (Join Us for a Chat with an Expert!)

There are so many toolkits available, and the problem is that most are loaded with features you’ll probably never use.

有太多可用的工具箱,问题是大多数工具箱都装有您可能永远不会使用的功能。

Miriam Suzanne and the team at OddBird saw this as a recurring problem and decided to do something about it by creating a new toolkit. Susy is a lean CSS framework (really, a Sass add-on, it’s as light as it could be) with carefully selected useful features to help you create responsive layouts.


Miriam Suzanne和OddBird的团队将其视为一个反复出现的问题,并决定通过创建新的工具箱来对此做一些事情。 Susy是一个精简CSS框架( 实际上是一个Sass附加组件,它尽可能轻巧),它具有精心选择的有用功能,可帮助您创建响应式布局。

Miriam will be joining us for our next SitePoint Community Q&A to talk about Susy and toolkits! To participate, check out the Q&A event and start entering your questions now. Miriam will be answering them at the time of the event — the 18th of August, at 2pm (PST). If you’re unsure when this is in your timezone, check out this timezone tool.

Miriam将加入我们的下一个SitePoint社区问答,以讨论Susy和工具包! 要参加,请查看问答活动并立即开始输入您的问题 。 Miriam将在活动举行时(即8月18日,太平洋标准时间)下午2点答复他们。 如果不确定时区是什么时候,请查看此时区工具 。

米里亚姆·苏珊(Miriam Suzanne) (Miriam Suzanne)

Miriam is a co-founder of OddBird, and is the author of Jump Start Sass at SitePoint. She is an artist, author, musician, and web developer, and is the creator of open source Sass toolkits like Susy, and True. She’s also contributed in the past to other open source tools such as Compass.

仪是OddBird的创始人之一,并且是作者跳转开始萨斯在SitePoint 。 她是一位艺术家,作家,音乐家和Web开发人员,并且是Susy和True等开源Sass工具箱的创建者。 过去,她还为Compass等其他开源工具做出了贡献。

关于问答 (About the Q&A)

At the Q&A, Miriam will be taking your questions on:

在问答环节中,Miriam会就以下问题回答您的问题:

  • Customizing Susy for your projects为您的项目定制Susy
  • Other ways to do layouts (and why you might not even need a toolkit)进行布局的其他方式(以及为什么甚至不需要工具包的原因)
  • How to select a toolkit, or build your very own!如何选择一个工具箱,或者自己构建一个工具箱!

Head on over to the Q&A anytime before the event and post your question(s)!

活动开始前随时前往问答环节,并发布您的问题!

什么是苏西? (What is Susy?)

If you use Sass for your styling, and have been using CSS frameworks to create grid layouts, you should take a look at Susy. Susy is perhaps best described as an on-demand grid system. Instead of forcing you into including hundreds or thousands of lines of unnecessary code in your projects, and limiting your customization options, Susy takes a different approach and allows you to create your customized grid layouts, easily, to meet your exact needs.

如果您使用Sass进行样式设置,并且一直在使用CSS框架创建网格布局,那么您应该看一下Susy。 Susy最好描述为按需网格系统。 Susy不是强迫您在项目中包含成百上千的不必要代码行,并限制了自定义选项,而是采用了不同的方法,使您可以轻松地创建自定义的网格布局,以满足您的确切需求。

使用Susy (Using Susy)

Using Susy needs to accomplish something for you. Tools shouldn’t exist for their own sake – they should be included in your projects because they help. Using a fully fledged design framework could be a poor idea if all that you need is a grid system. However, if you need said grid, it can also be just as poor of an idea to write your own from scratch. There’s a middle ground.

使用Susy需要为您完成一些任务。 工具不应该为自己而存在-应该将它们包含在您的项目中,因为它们可以提供帮助。 如果您只需要一个网格系统,那么使用成熟的设计框架可能不是一个好主意。 但是,如果您需要所说的网格,那么从头开始编写自己的网格也可能是一个想法。 有一个中间立场。

Using Susy allows you to quickly prototype your layouts, and build out grid systems that are fully customizable – and instead of having to math out your percentages as you build your own systems, Susy will do the lifting for you.

使用Susy,您可以快速进行布局原型设计,并构建完全可自定义的网格系统-无需在构建自己的系统时计算出百分比,Susy即可为您完成工作。

That’s the difference between using Susy or using a fully fledged framework such as Bootstrap or Foundation – they’re really different tool sets. If you need a full framework, and take advantage of all of its various parts, assets, and features, then that tells you what tool you need! But if you find yourself simply frustrated and trying to solve your grid layout problems, you might want to take a look at Susy.

这是使用Susy或使用成熟的框架(如Bootstrap或Foundation)之间的区别–它们实际上是不同的工具集。 如果您需要一个完整的框架,并利用其所有各个部分,资产和功能,那么这将告诉您所需的工具! 但是,如果您发现自己只是沮丧而试图解决网格布局问题,则不妨看看Susy。

回答你的问题 (Answering Your Questions)

And that’s what we have Miriam here for, at this Q&A – to answer all of your questions about Susy, and development toolkits. She can talk about how to choose the right one for various jobs, and can tell you more technical details about Susy itself.

在这次问答中,我们正是Miriam的目的–回答您有关Susy和开发工具包的所有问题。 她可以讨论如何为各种工作选择合适的人,还可以告诉您有关Susy本身的更多技术细节。

Head on over to the Q&A page and leave your questions, and join us for the live Q&A where Miriam will be around to answer them!

头部到的Q&A页面,并留下您的问题 ,和我们现场Q&A,其中杨千嬅将围绕回答他们!

翻译自: https://www.sitepoint.com/live-qa-with-miriam-suzanne-on-susy-and-toolkits/

在Susy和Toolkits上与Miriam Suzanne进行实时问答相关推荐

  1. axios获取图片显示_vue中使用axios post上传头像/图片并实时显示到页面的方法

    在前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法. html代码: 请上传图片 js代码: //实时显示该图片在页面 g ...

  2. 【PBL项目实战】户外智慧农场项目实战系列之4——Mind+Mixly双平台ESP32数据上云及云端可视化实时展示

    [PBL项目实战]户外智慧农场项目实战系列之4--Mind+Mixly双平台ESP32数据上云及云端可视化实时展示 原文链接  https://mp.weixin.qq.com/s/r_NeJdPoi ...

  3. 知乎上关于电子商务话题的精彩问答

    知乎上关于电子商务话题的精彩问答 zz http://www.douban.com/group/topic/22418888/ 电商本质: 电子商务公司究竟应该是互联网基因,还是零售基因的改良?为什么 ...

  4. Mac——技巧:如何在iPhone 上获取 iOS 15 的实时文本功能

    尽管目前的iOS 15只是一个测试版本,但是它已经足够让我们惊喜了,无论是FaceTime的屏幕共享功能还是最新的聚焦模式,实际上都能在很大程度上改变我们手机体验的方式,而且从目前的效果来看,这种方式 ...

  5. Facebook 神经上采样技术,用于实时渲染

    超分辨率不仅用于图像和视频,现在也用在虚拟现实和大型游戏的渲染画面上采样,使得图形渲染引擎只需要渲染低分辨率图像,用户仍能观看到高分辨率画面,以降低其计算压力. Facebook AI 发明的神经超采 ...

  6. 浏览器上跑:TensorFlow发布实时人物分割模型,秒速25帧,24个部位

    分栗子 发自 凹非寺 量子位 出品 | 公众号 QbitAI TensorFlow开源了一个实时人物分割模型,叫BodyPix. 这个模型,在浏览器上用TensorFlow.js就能跑. 而且,帧率还 ...

  7. vue 简单实现上一题下一题问答效果

    1.先来看下效果(左上展示题目数量以及当前题序号,当第一题时只有下一题按钮,未回答问题时无法点击下一题,且回答结果展示错误或正确的颜色) ​​​​ 2.接下来我们来看下html是怎么写的吧 <! ...

  8. 地图上雷达探测到的物体实时映射到雷达图上

    思路:通过运算公式求出在雷达图上的位置在用定位的方式展示出来 计算公式: X=雷达图半径+雷达探测到的距离*cos雷达探测到的角度*雷达范围半径大小和雷达图半径大小的比例 Y=雷达图半径-雷达探测到的 ...

  9. vue中使用axios post上传头像/图片并实时显示到页面

    前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法. html代码: <div id="myPhoto&qu ...

最新文章

  1. 如何构建顶部导航条_如何构建导航栏
  2. material-ui_满足Material-UI —您最喜欢的新用户界面库
  3. mfc cstring 写入文件_兄弟Brother单色激光传真一体机MFC系列不能写入此文件夹提示解决方案...
  4. 微服务架构系列二:密码强度评测的实现与实验
  5. 新编标准日本语 第26课 课文
  6. 云生态战略首次曝光,牵手精诚中国和神州光大共建云生态
  7. Android 应用开发---ViewPager---4自主实现滑动指示条
  8. bootstrap兼容ie8以下版本
  9. 西部开源学习笔记《unit 2》
  10. Facebook详解 涵盖发展历史和系统模型
  11. 走进javascript——解开switch之谜
  12. 建筑物内电缆桥架的选择与安装
  13. python方向键 ubuntu,ubuntu|linux下 如何用python 模拟按键
  14. 在Vue3项目中使用 Echarts 绘制股票图表的分享(二):绘制现价图+均价图
  15. Safari浏览器中工具栏的高度问题
  16. 孙氏太极拳--无极桩
  17. 三维坐标要建一个4*4的矩阵?
  18. 魅力主播曹启泰《上班这点事》经典语录
  19. 标准资本赵晨:Token会推动金融市场的流动性|筱静观察
  20. 文献检索报告软件测试,文献检索报告及文献综述.doc

热门文章

  1. CW1233\CW1243\CW1053\CW1056\赛威一级代理\锂电池保护IC\中文规格书
  2. 【WRF如何在输出的wrfoutput文件中设置添加/删除变量】
  3. Defold 游戏引擎
  4. ASP.NET会员管理系统
  5. 华为鸿蒙收到短信了,王成录接受《深网》采访,华为鸿蒙手机版最新消息出现...
  6. 如何去掉IFrame里面页面周围的空白
  7. webstrom使用ts设置
  8. 要怎么做才能实现工厂智慧物流体系的建设
  9. 做深度学习相关的科研工作,这一篇就够了?
  10. Android WebView 资源探查