• 17.1k

有哪些和设计师息息相关的前端技术?

前端这么多年不断发展, 除了性能, 还为了设计师做的界面更好地传达到代码上.
有哪些技术是和设计师的工作紧密相关的呢?
(没有设计师就很难做好, 甚至功能就是明确为设计师而开发的...)

阅读 2.8k
评论
    2 个回答
    • 17.1k

    自问自答... 中间有一些技术是印象比较深的:

    Brackets

    http://brackets.io/

    这款编辑器就是深度为设计师开发的 HTML 编辑工具, 做了很多细节
    比如比 Chrome 开发工具还强大的预览功能, 代码跳转
    还有从 PSD 文件直接讲元素导入 Brackets 成为代码的一些功能

    SVG

    http://snapsvg.io/
    http://raphaeljs.com/

    同样是 Adobe 家的工具, Snap 用类似 jQuery API 来操作 svg 元素
    Raphael 出现稍微早一些, 也显得更复杂..
    单纯程序员用这些图形工具做不出什么好东西来

    Canvas

    http://jonobr1.github.io/two.js/
    http://threejs.org/

    大量的 2D 3D 的图形库, 原因类似, 就举简单例子了..

    CSS3

    http://daneden.github.io/animate.css/
    http://tympanus.net/codrops/
    http://css-tricks.com/snippets/css/a-guide-to-flexbox/
    http://www.w3.org/TR/css3-grid-layout/

    其中的渐变动画, 圆角和阴影, 还有复杂布局方式, 都是为了迎合设计师的品味

    Web Font 和 Font Icon

    http://www.google.com/webfonts
    http://css-tricks.com/flat-icons-icon-fonts/

    极大地增强了前端开发对设计师的依赖程度啊..

      相似问题
      推荐文章