Technoart NPM | npm.io

Technoart

No more custom CSS - All in one CSS framework for developing clean, professional & responsive web app.

Current Version: 0.9.9

TOC: What is Technoart • Installation • Minimum Setup • Assets Structure • Definitive Guide • Demo Pages • Support Us • Contributing • Community • License

What is Technoart

Technoart is all in one CSS framework for developing clean, professional & responsive web app. Technoart helps you slice any web mockup without any custom CSS. Obviously, not all web mockup can be sliced with Technoart, but if you take a look at Demo Pages({{ site.baseurl | alter_url }}/demo/) you will understand what Technoart can do.

Finally, Technoart is simple, reliable, and has no dependencies.

Installation

There are several methods to install Technoart:

Include it via CDN
Download it via this link
Clone the repo: git clone https://github.com/technoprodev/technoart.git
Via package manager npm: npm install technoart@0.0.9
Via other package manager: In development process.

Minimum Setup

Although there are several methods to install Technoart, the easiest way to try Technoart is to create an index.html file and include Technoart via CDN:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- technoart css -->
    <link rel="stylesheet" href="https://technoartcdn.com/technoart/0.9.9/css/technoart.min.css">

    <title>Title</title>
  </head>
  <body>
    <h1>Your smile makes me happy.</h1>

    <!-- technoart js -->
    <script src="https://technoartcdn.com/technoart/0.9.9/js/technoart.min.js"></script>
  </body>
</html>

Note: We do not recommend that beginners start with package manager like npm, especially if you are not yet familiar with Node.js-based build tools.

Assets Structure

Within the download you will find the following directories and files:

technoart/
├── css/
│   ├── technoart.css
│   ├── technoart.css.map
│   ├── technoart.min.css
│   └── technoart.min.css.map
└── js/
    ├── technoart.js
    └── technoart.min.js

Definitive Guide

Learning Technoart is easy. Visit Definitive Guide for comprehensive guidance of using Technoart.

Demo Pages

Start a new project with 50+ choices of clean and professional Demo Pages.

Support Us

We are happy to make Technoart completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. Kindly support Technoart development by clicking Support Us.

Contributing

Please read Contributing Guideline before making a pull request.

Community

Get updates on Technoart's development and interact with community members.

Watch our repo on github.
Follow us on Instagram for beautiful gallery.
Follow us on Twitter for Technoart updates.
Get help on Stack Overflow with technoart tag.
When you modify/add Technoart functionality and want it to be distributed through npm or similar delivery mechanisms, use keyword technoart on packages name for maximum discoverability.

License

css sass js all-in-one framework clean professional responsive web app simple reliable no-dependencies

@infinitebrahmanuniverse/nolb-tec @everything-registry/sub-chunk-2884

0.0.9

5 years ago