之前在那篇《我的编程之路》里，我讲述过我的编程之路。今天我们就来说说我的前端之路，相信以后还会有一篇《我的全栈之路》。记得在一直有三个主要的发展方向：编程、写作、设计。依据这三个方向来说，前端就是编程和写作的结合体。入门故事要从大一说起：当时在入学前，我和楚非经常在“福(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」官网上介绍的快速上手流程， …
前端设计工具以更低的成本提供更快的移动开发，他们帮助前端开发人员有效地创建响应设计，但找到一个实用的前端设计工具并不容易，在这里，为您整理了五个免费和易于使用的前端页面工具!1.即时设计即时设计是一款免费的在线 UI 设计工具，无系统限制，浏览器打开即可使用，更有丰富的在线素材、云端字体、交互动画等功能满足多种需求，轻松应付移动端、Web端、可视化大屏等设计 …
Sketch 是一款深受设计师喜爱的设计工具，它提供了强大的设计能力，可以满足超多的界面设计、移动应用设计场景。同时，它自身也带有切图功能，能够将设计素材快捷地交付前端开发，本文将介绍如何在 Sketch中高效地进行切图，以及一些更高效的切图方式，让你的设计工作更加流畅～一、Sketch 切图教程当设计师所有的界面设计完成后，就需要进行切图了。Sketch …
切图网专注于html5前端切图开发，下面给大家介绍一下前端切图css高级阴影用法drop-shadow，主要是在最近项目切图中遇到的，通常我们了解的css的阴影写法就是shadow，但是它不能解决非规则图形的阴影效果，而drop-shadow可以做到。给图像设置一个阴影效果。阴影是合成在图像下面，可以有模糊度的，可以以特定颜色画出的遮罩图的偏移版本。参数与b …