Archetype:Sketch的实验性CSS布局插件

时间:2024-05-23 02:18:01
【文件属性】:

文件名称:Archetype:Sketch的实验性CSS布局插件

文件大小:7.53MB

文件格式:ZIP

更新时间:2024-05-23 02:18:01

JavaScript

草图原型 什么是原型? Archetype是用于自适应和响应式布局的实验性Sketch插件。 我将闲暇时间整理在一起,这是我正在研究有关Sketch的几个插件想法之一。 基本上,您可以使用CSS在Sketch中布局元素。 它是如何工作的? 原型的工作方式是内部将您的Sketch图层层次结构转换为等效的DOM。 生成的DOM看起来像这样: < html > < head > < style > * { box-sizing : border-box; } html , body { padding : 0 ; margin : 0 ; min-width : 100 % ; min-height : 100 % ; } . sketch-text { display : inline-block; } </ style >


【文件预览】:
Archetype-master
----Archetype.sketchplugin()
--------Contents()
----Map Demo.sketch(536KB)
----Demo.gif(6.95MB)
----README.md(3KB)
----Map Demo.css(1KB)

网友评论