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下查看网站效果的特性，提供了 …
× 随着photoshop版本的不断升级，软件本身增加了很多新的功能，也为切图工作增加了很多的便利。photoshop最新的版本新增了自动切图功能，本文将详细介绍photoshop的这个新功能初始设置当然首先还是要进行一些首选项设置【1】在编辑 -> 首选项 -> 增效工具中，选中启用生成器【2】重启photoshop，在文件 -> 生成中 …
这款神器就是「CodeFun」，它号称“UI 设计稿智能生成源代码，10 分钟完成 8 小时工作量”，让我们做前端，不搬砖。体验一把一键生成代码说干就干，我按照官网介绍的三个步骤，顺利将 UI 稿件，并转换为 Vue.js 代码了，看下最终效果：从导入文件到导出代码，前后只花了三分钟，简直不要太爽了说说使用方法吧~「CodeFun」官网上介绍的快速上手流程， …