本文深入探讨了产品经理在日常工作中不可或缺的一环——需求文档的编制。通过一个具体的分销系统设计案例，文章详细展示了如何从一个宏观的视角逐步深入到功能的每个细节，确保研发团队能按照既定目标高效完成任务。产品经理日常繁琐的工作中，除了与业务、研发之间的battle，最重要的一部分就是需求文档的编制，需求文档的好坏直接影响研发同学对产品功能实现的质量，是研发代码实 …
最新内容
切图网在为客户做webapp制作的时候，通常都是固定宽度的，比如常见的webapp宽度的设计是640,750等，当我们拿到一个设计稿是 640宽的时候，那么我们切出来的网页也是 固定 640宽的，跟大家所认知的 100%自适应布局、流式布局等不同，所以经常会有客户会提出为什么不是100%宽度的呢，这个是不是会自适应不同宽度的手机下会有问题？答案是不会的，在任 …
dreamweaver对一个web前端工作者来说，再熟悉不过了，像我07年接触web前端开发就是用的dreamweaver，一直用到现在，身边的朋友有跟我推荐过各种更好用的可替代dreamweaver的工具，一开始我是拒绝的，但是后来我发现竟然真有比dreamweaver好用的工具，智能提示，自动补全工具，模糊编码这些用上手了以后根本停不下来，sublime …
切图是开发无法使用代码直接实现的元素，是UI设计师的重要产出成果和交付物。切图看似简单，实则也有超级多的专业细节需要了解，以及各种方法来提高切图效率。本文将全面介绍UI设计怎么切图所需要的所有知识。本文大纲：UI设计切图是什么？切图是前端还是美工？UI设计切图规范UI设计如何切图给开发？有哪些切图软件可以切图？界面中哪些元素需要切图？UI设计切图是什么？切图 …
在切图网的一个前端切图项目中遇到的，用到了swiper插件实现内容切换效果，swiper是非常优秀的一款滑屏效果，有丰富的参数可以设置，能够满足做出各种复杂的交互效果，也支持回调函数，以及外部调用方法，是切图网项目中使用频繁的一款不可多得的插件，不依赖jquery，并且结合键盘控制加上swiper，通过键盘的数字键实现对内容切换的屏幕的控制，完美实现键盘任意 …
之前在那篇《我的编程之路》里，我讲述过我的编程之路。今天我们就来说说我的前端之路，相信以后还会有一篇《我的全栈之路》。记得在一直有三个主要的发展方向：编程、写作、设计。依据这三个方向来说，前端就是编程和写作的结合体。入门故事要从大一说起：当时在入学前，我和楚非经常在“福(fu)建老乡群”讨论技术，于是到了大学就勾搭在一起了。他是学美术的，我是学电焊（电子信息 …
Slicy 1.3 发布了。该版本最大的变化在于添加了字体图标的支持，基于 CSS3 属性 @font-face 使用自定义字体，这是让前端工程师拍手称赞的一件事情。在 CSS3 之前，前端页面的字体只能使用设备中已经安装好的字体。@font-face 可以让前端工程师随心所欲的使用各种字体，让我们的页面更丰富、更炫酷。字体图标可以让我们的文字排版更加的丰富 …
切图框架slicy发布1.1版本，slicy是切图网推出的一款html5css3响应式前端开发框架，它还不是一个非常成熟的框架，但是提供了很多非常有用的代码片段。我们收到了一些反馈，绝大部分是支持的，大部分人认为slicy的兼容性非常好，少部分人则认为slicy不应该去支持一个过期的浏览器版本（特指ie6、ie7），凡是这样说的人一定没有用过这款框架， 它的 …
切版网2023年发布改版，基于bootstrap4.0（流行的跨屏响应式框架）进行重构升级，整个页面看起来更加舒服，对于提供的服务进行了更明确的描述，同时也增加了很多前端技术栈的图标，来丰富网站的界面，依然保持初心，提供优质的web前端开发服务，口号依然是“您设计，我切版。“网址：http:www.qieban.cn切版网的主要服务依然是围绕前端开发来的，涉 …
响应式布局出现，很好的衔接了传统网站到手机网站的过渡，也提高了用户体验，响应式的设计现在越来越受设计师推崇，面对这越来越多的响应式设计页面，我们需要找到高效的测试工具来验证设计的合理和正确，文中所介绍的工具可以帮助你在线测试你的响应式页面设计。ResponsinatorResponsinator提供了大家在不同设备viewport下查看网站效果的特性，提供了 …