拼图开发文档

拼图前端框架

概述

拼图前端框架 Pintuer.com:国内优秀的HTML、CSS、JS跨屏响应式开源前端框架,使用最新浏览器技术,为快速的前端开发提供一系列的颜色、文本、排版、内容、媒体、按钮、表单、元件、导航、组件等样式工具包,占用资源小,使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面,让前端开发像玩拼图游戏一下轻松灵活。

拼图前端框架在传统CSS框架的基本上,增加了HTML5、CSS3、JS等技术组合应用,应用于最新的浏览器技术,开发者只需把框架文件引入到项目中,就可以初现快速的共同开发,改变以往建立PC网站同时,再建立手机网站的局面,实现一站响应所有设备,大大提高了开发效率。

下载拼图前端框架

在线获取拼图跨屏响应式前端框架,开始快捷、高效的前端开发之旅。

本地下载

文件结构

将下载文件解压缩后,可以看到拼图前端框架的目录及文件,包含需要用到的css及js文件。

    pintuer/
    ├── pintuer-2.0.css
    ├── pintuer-2.0.min.css
    ├── pintuer-2.0.custom.css
    ├── pintuer-2.0.custom.min.css
    ├── pintuer-2.0.js
    └── pintuer-2.0.min.js
  
文件说明
  • pintuer-2.0.css 是拼图前端框架CSS样式文件;
  • pintuer-2.0.min.css 是拼图前端框架压缩版CSS样式文件;
  • pintuer-2.0.custom.css 是拼图前端框架自定义CSS样式文件;
  • pintuer-2.0.custom.min.css 是拼图前端框架压缩版自定义CSS样式文件;
  • pintuer-2.0.js 是拼图前端框架配合使用的JS脚本文件;
  • pintuer-2.0.min.js 是拼图前端框架JS脚本压缩文件;
根据实际需要使用其中的一个css及一个js文件即可。

依赖于jQuery

拼图前端框架相关的Javascript插件都在jQuery框架下工作,使用框架须引入jQuery.js文件,jQuery需要在pintuer.js之前引入,不然会导致效果无用。

样式命名缩写

为了简化代码,拼图将部份样式名进行了缩写,对应如下表,为方便理解。

缩写关联样式全称说明
.bg.bg-*background背景色
.x.x*    .*-x水平方向
.-y.*-y垂直方向
.w*.w*width

使用许可

拼图前端框架由专业团队开发,免费提供使用,版权归 © 拼图Pintuer.com所有,在使用拼图前端框架过程中,允许及禁止的事项有:

允许事项

禁止事项

Bug反馈

在使用过程中,欢迎反馈bug或提供bug解决方案、意见和建议等:

邮件反馈

106967808@qq.com

所有拼图使用者感谢您的支持和付出。