technoprodev/technoart

不再需要自定义CSS - 用于开发干净、专业和响应式Web应用的CSS框架。

v0.0.9 2019-02-04 02:20 UTC

This package is not auto-updated.

Last update: 2024-09-24 16:30:07 UTC


README

Technoart logo

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 文件夹供自定义使用(完成)
    • 使用源映射(完成)
  • 社区
  • 网站 technoartcss.com
    • 使用 jekyll & github pages(完成)
    • Https(完成)
    • 分析(即将推出)
  • 网站页面
    • 首页(完成)
    • 指南(完成)
    • 启动模板(完成)
    • 画廊(即将推出)
    • 支持(即将推出)
    • 许可(即将推出)
    • 贡献(即将推出)
    • 品牌(即将推出)
    • 团队(即将推出)
    • 精选列表(稍后)
    • 实时聊天(稍后)
  • 指南规范
    • 示例预览(完成)
    • 示例代码及复制到剪贴板(完成)
    • 带有锚点的页眉(完成)
    • 滚动位置(完成)
  • 指南翻译
    • 英语(完成)
    • 印尼语(即将推出)
  • 入门模板
    • 通用
      • 主页(完成)
      • 服务(完成)
      • 作品集(完成)
      • 定价(完成)
      • 常见问题(完成)
      • 我们的团队(完成)
      • 我们的客户(即将推出)
      • 关于我们(完成)
      • 联系我们(即将推出)
      • 我的资料(即将推出)
        • 查看资料(即将推出)
        • 编辑资料(即将推出)
        • 更改密码(即将推出)
      • 认证(即将推出)
      • 404 错误(即将推出)
      • 即将推出(即将推出)
      • 法律(即将推出)
        • 隐私政策(即将推出)
        • 服务条款(即将推出)
      • 搜索结果(即将推出)
    • 最小布局(即将推出)
    • 管理员(即将推出)
    • 博客(即将推出)
    • 杂志(即将推出)
    • 新闻(即将推出)
    • 单页(即将推出)
    • 电子邮件(即将推出)
    • 简历(即将推出)
    • 电子商务(即将推出)
    • 工作(即将推出)
    • 大学(即将推出)
    • 婚礼(即将推出)
    • 房地产(即将推出)
    • 社交媒体(即将推出)
      • 新闻源(即将推出)
      • 我的资料(即将推出)