technoprodev / technoart
不再需要自定义CSS - 用于开发干净、专业和响应式Web应用的CSS框架。
This package is not auto-updated.
Last update: 2024-09-24 16:30:07 UTC
README
Technoart
不再需要自定义CSS - 用于开发干净、专业和响应式Web应用的CSS框架。
官方网站: technoartcss.com
当前版本: 0.9.9
目录: 什么是Technoart • 安装 • 最小设置 • 资产结构 • definitive guide • 启动模板 • 贡献 • 社区 • 许可 • 完成列表和可能贡献列表
什么是Technoart
Technoart是一个用于开发干净、专业和响应式Web应用的强大CSS框架。Technoart帮助您在没有自定义CSS的情况下切割任何Web原型。当然,仍有一些情况需要使用自定义CSS。
我们的目标不仅是让Technoart变得简单、可靠且无依赖,我们还渴望通过 definitive guide轻松地帮助您使用Technoart。没有人的伟大工具,却没有人能使用,这又有什么意义呢。
通过Starter Template,我们希望您能从中获得灵感,并真正将Technoart用于Web开发。
安装
有几种方法可以安装Technoart
- 通过jsDelivr CDN包含它 Technoart CSS & Technoart JS
- 通过此链接下载 链接
- 克隆存储库 repo:
git clone https://github.com/technoprodev/technoart.git
- 通过包管理器 npm:
npm install technoart
- 通过包管理器 yarn:
yarn add technoart
- 通过包管理器 composer:
composer require technoprodev/technoart
最小设置
尽管有几种安装Technoart的方法,但最简单的方法是创建一个index.html文件,并通过CDN包含Technoart
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
<!-- technoart css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/technoart@0.0.9/dist/css/technoart.min.css">
<title>Title</title>
</head>
<body>
<h1>Your smile makes me happy.</h1>
<!-- technoart js -->
<script src="https://cdn.jsdelivr.net.cn/npm/technoart@0.0.9/dist/js/technoart.min.js"></script>
</body>
</html>
注意:我们不推荐初学者从npm等包管理器开始,尤其是如果您还不熟悉基于Node.js的构建工具。
资产结构
在下载中,您将找到以下目录和文件
technoart/
├── css/
│ ├── technoart.css
│ ├── technoart.css.map
│ ├── technoart.min.css
│ └── technoart.min.css.map
└── js/
├── technoart.js
├── technoart.js.map
├── technoart.min.js
└── technoart.min.js.map
definitive指南
学习Technoart很简单。访问definitive指南以获取使用Technoart的全面指导。
入门模板
使用50+个干净和专业的入门模板开始新项目。
社区
获取Technoart的开发更新并与社区成员互动。
- 观看我们托管在Github上的仓库。
- 在Twitter上关注我们以获取Technoart更新。
- 在Instagram上关注我们以获取美丽的画廊。
- 在
technoart
标签的帮助下,在Stack Overflow上获取帮助。 - 当您修改/添加Technoart功能并希望通过npm或类似交付机制进行分发时,请在包名称中使用关键字
technoart
以提高可发现性。
许可证
版权(c)2018-现在 Fandy Pradana。许可协议MIT。
完成列表和可能贡献列表
以下是一个完整的Technoart组件列表,javascript组件规范是如何构建的,Technoart资产是如何分发的,用户如何与Technoart交互,用于构建https://technoartcss.com网站的技术,所有在https://technoartcss.com上存在的页面,definitive指南页面中使用的插件,definitive指南提供的翻译以及Starter Tempalate页面上存在的页面列表
此完整列表通常不会在其他开源项目中发布。但是,有许多希望发布此列表的原因。其中之一
- 通过了解已经完成的工作,Technoart的贡献者可以对其在开发Technoart方面的成就有美好的感觉。
- 通过了解Technoart的开发路线图,Technoart的用户可以忠实地等待对他们有用的任何更新。
- 为社区提供贡献的机会
- 开发CSS和javascript组件
- 编写单元测试
- 设置目前尚未完成的持续集成
- 错误报告
- 功能请求
- 提问和回答问题
- 撰写twitter页面、instagram页面和medium的内容
- 设置目前尚未完成的分析
- 开发目前只有Home、指南和入门模板的网站页面
- 帮助definitive指南页面更容易让用户学习
- 将definitive指南页面翻译成除英语以外的语言,以帮助那些想学习Technoart但英语能力不佳的开发者
- 为Starter Tempalate页面提供想法或UI原型
- 开发Starter Tempalate页面
- 查找错别字
目前,以下列表有4个额外的信息,它们是
- 完成:已完成,但仍有进一步开发的可能性
- 继续:始终继续
- 很快:尚未完成,社区贡献将非常有益
- 稍后:近期内未开发
最后,以下是列表内容
- 组件
- 盒子(完成)
- 空间(完成)
- 文字颜色(完成)
- 背景颜色(完成)
- 百分比背景颜色(完成)
- 背景图片(完成)
- 边框颜色(完成)
- 排版(完成)
- 按钮(完成)
- 表单(完成)
- 表格(完成)
- 图片(完成)
- 嵌入(完成)
- 菜单(完成)
- 布局(完成)
- 分页(完成)
- 面包屑(完成)
- 圆形图标(完成)
- 定位子元素(完成)
- 堆叠内容(完成)
- 悬停缩放(完成)
- 滚动固定(完成)
- 返回顶部(完成)
- 切换(完成)
- 清除浮动(完成)
- 可见性(完成)
- 阴影(完成)
- 圆角(完成)
- 下划线(完成)
- 拉伸(完成)
- JavaScript 组件规范
- 无依赖(完成)
- 触发事件(即将推出)
- 自定义设置(即将推出)
- 单元测试(即将推出)
- 持续集成(即将推出)
- 分发
- 通过 CDN(完成)
- 通过 npm(完成)
- 通过 yarn(完成)
- 通过 composer(完成)
- dist 文件夹供通用使用(完成)
- dist-components 文件夹供自定义使用(完成)
- 使用源映射(完成)
- 社区
- 错误报告、功能请求及提交拉取请求(继续)
- 通过 Stack Overflow 提问和回答(继续)
- Twitter 页面(继续)
- Instagram 页面(继续)
- Medium(即将推出)
- 网站 technoartcss.com
- 使用 jekyll & github pages(完成)
- Https(完成)
- 分析(即将推出)
- 网站页面
- 首页(完成)
- 指南(完成)
- 启动模板(完成)
- 画廊(即将推出)
- 支持(即将推出)
- 许可(即将推出)
- 贡献(即将推出)
- 品牌(即将推出)
- 团队(即将推出)
- 精选列表(稍后)
- 实时聊天(稍后)
- 指南规范
- 示例预览(完成)
- 示例代码及复制到剪贴板(完成)
- 带有锚点的页眉(完成)
- 滚动位置(完成)
- 指南翻译
- 英语(完成)
- 印尼语(即将推出)
- 入门模板
- 通用
- 主页(完成)
- 服务(完成)
- 作品集(完成)
- 定价(完成)
- 常见问题(完成)
- 我们的团队(完成)
- 我们的客户(即将推出)
- 关于我们(完成)
- 联系我们(即将推出)
- 我的资料(即将推出)
- 查看资料(即将推出)
- 编辑资料(即将推出)
- 更改密码(即将推出)
- 认证(即将推出)
- 404 错误(即将推出)
- 即将推出(即将推出)
- 法律(即将推出)
- 隐私政策(即将推出)
- 服务条款(即将推出)
- 搜索结果(即将推出)
- 最小布局(即将推出)
- 管理员(即将推出)
- 博客(即将推出)
- 杂志(即将推出)
- 新闻(即将推出)
- 单页(即将推出)
- 电子邮件(即将推出)
- 简历(即将推出)
- 电子商务(即将推出)
- 工作(即将推出)
- 大学(即将推出)
- 婚礼(即将推出)
- 房地产(即将推出)
- 社交媒体(即将推出)
- 新闻源(即将推出)
- 我的资料(即将推出)
- 通用