Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/technoprodev/technoart
No more custom CSS - All in one CSS framework for developing clean, professional & responsive web app.
https://github.com/technoprodev/technoart
all-in-one app clean css framework js no-dependencies professional reliable responsive sass simple web
Last synced: about 1 month ago
JSON representation
No more custom CSS - All in one CSS framework for developing clean, professional & responsive web app.
- Host: GitHub
- URL: https://github.com/technoprodev/technoart
- Owner: technoprodev
- License: mit
- Created: 2018-06-13T15:12:16.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-23T09:03:14.000Z (over 5 years ago)
- Last Synced: 2024-10-02T03:23:30.880Z (about 2 months ago)
- Topics: all-in-one, app, clean, css, framework, js, no-dependencies, professional, reliable, responsive, sass, simple, web
- Language: CSS
- Homepage: https://technoartcss.com/
- Size: 35.9 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Technoart
**No more custom CSS** - All in one CSS framework for developing clean, professional & responsive web app.
**Official Website**: [technoartcss.com](https://technoartcss.com)
**Current Version**: 0.9.9
**TOC**: [What is Technoart](#what-is-technoart) • [Installation](#installation) • [Minimum Setup](#minimum-setup) • [Assets Structure](#assets-structure) • [Definitive Guide](#definitive-guide) • [Starter Template](#starter-template) • [Contributing](#contributing) • [Community](#community) • [License](#license) • [Done List and Possible Contribution List](#done-list-and-possible-contribution-list)
## 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. Ofcourse, there will be some cases that still need custom CSS.
Our goals are not only making Technoart **simple**, **reliable**, and has **no dependencies**. We also eager to help you using Technoart easily with [Definitive Guide](https://technoartcss.com/guide). What is the point of great tool without no one being able to use it.
And with [Starter Template](https://technoartcss.com/starter-template), we hope you are inspired and can use Technoart for real web development.
## Installation
There are several methods to install Technoart:
- Include it via jsDelivr CDN [Technoart CSS](https://cdn.jsdelivr.net/npm/[email protected]/dist/css/technoart.min.css) & [Technoart JS](https://cdn.jsdelivr.net/npm/[email protected]/dist/js/technoart.min.js)
- Download it via this [link](https://github.com/technoprodev/technoart/releases/download/v0.0.9/bootstrap-0.9.9-dist.zip)
- Clone the [repo](https://www.github.com/technoprodev/technoart/): `git clone https://github.com/technoprodev/technoart.git`
- Via package manager [npm](https://www.npmjs.com/): `npm install technoart`
- Via package manager [yarn](https://yarnpkg.com): `yarn add technoart`
- Via package manager [composer](https://getcomposer.org/): `composer require technoprodev/technoart`
## 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:
```
Title
Your smile makes me happy.
```
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.js.map
├── technoart.min.js
└── technoart.min.js.map
```
## Definitive Guide
Learning Technoart is **easy**. Visit [Definitive Guide](https://technoartcss.com/guide) for comprehensive guidance of using Technoart.
## Starter Template
Start a new project with 50+ choices of clean and professional [Starter Template](https://technoartcss.com/starter-template).
## Community
Get updates on Technoart's development and interact with community members.
- Watch our repo hosted on [Github](https://github.com/technoprodev/technoart).
- Follow us on [Twitter](https://twitter.com/technoartcss) for Technoart updates.
- Follow us on [Instagram](https://instagram.com/technoartcss) for beautiful gallery.
- Get help on [Stack Overflow](https://stackoverflow.com/questions/tagged/technoart) with `technoart` tag.
- When you modify/add Technoart functionality and want it to be distributed through [npm](https://www.npmjs.com/browse/keyword/technoart) or similar delivery mechanism, use keyword `technoart` on packages name for maximum discoverability.
## License
Copyright (c) 2018-present [Fandy Pradana](https://prafandy.com). Licensed under [MIT](https://github.com/technoprodev/technoart/blob/master/LICENSE).
## Done List and Possible Contribution List
The following is a complete list of Technoart components, how the javascript component specifications are built, how Technoart assets are distributed, how users can interact with Technoart, the technology used to build the website [https://technoartcss.com](https://technoartcss.com), all pages that are exist on [https://technoartcss.com](https://technoartcss.com), the plugin used in the [Definitive Guide](https://technoartcss.com/guide) page, [Definitive Guide](https://technoartcss.com/guide) available translations and a list of pages that are exist on [Starter Tempalate](https://technoartcss.com/starter-template)
This full list is not commonly published on other opensource projects. But there is a lot of hope why this list is published. Among them:
- By knowing what has been done, Technoart contributors can have awesome feeling about their achievements developing Technoart
- By knowing Technoart development roadmap, Technoart users can faithfully waiting for any updates that will be useful for them
- Opening opportunities for community to contribute to:
- developing CSS & javascript components
- write a unit test
- setup Continuous Integration that is currently not done yet
- bug reporting
- features requesting
- asking & answering questions
- writing content of twitter page, instagram page & medium
- setup an analytic that is currently not done yet
- developing website pages that are currently only Home, Guide & Starter Templates that exist
- helping [Definitive Guide](https://technoartcss.com/guide) page to be easier for users to learn
- translating [Definitive Guide](https://technoartcss.com/guide) page to languages other than English to help developers who want to learn Technoart but don't have good English skill
- give an idea or mockup UI that can be displayed on [Starter Tempalate](https://technoartcss.com/starter-template) page
- developing [Starter Tempalate](https://technoartcss.com/starter-template) page
- finding typos
For now, the list below has 4 additional information, which are:
- done: it has been completed but it is possible to develop it further
- continue: always continue
- soon: not finished yet and contributions from the community would be extremely helpful
- later: not developed in the near future
And finally, here are the contents of the list:
- Components
- box (done)
- space (done)
- text-color (done)
- background-color (done)
- percentage-background-color (done)
- background-image (done)
- border-color (done)
- typography (done)
- button (done)
- form (done)
- table (done)
- image (done)
- embed (done)
- menu (done)
- layout (done)
- pagination (done)
- breadcrumb (done)
- circle-icon (done)
- positioned-child (done)
- stack-content (done)
- hover-zoom (done)
- fixed-on-scroll (done)
- back-to-top (done)
- toggle (done)
- clearfix-and-float (done)
- visibility (done)
- shadow (done)
- rounded (done)
- underline (done)
- stretch (done)
- Javascript component specifications
- No depedency (done)
- Triggering event (soon)
- Custom setting (soon)
- Unit test (soon)
- Continuous Integration (soon)
- Distribution
- Via cdn (done)
- Via npm (done)
- Via yarn (done)
- Via composer (done)
- dist folder for general usage (done)
- dist-components folder for custom usage (done)
- Using source maps (done)
- Community
- [Bug reports, features requests & submitting pull requests](https://github.com/technoprodev/technoart/issues) (continue)
- Asking and answering question via [stackoverflow](https://stackoverflow.com/questions/tagged/technoart) (continue)
- [Twitter page](https://instagram.com/technoartcss) (continue)
- [Instagram page](https://twitter.com/technoartcss) (continue)
- Medium (soon)
- Website technoartcss.com
- Using jekyll & github pages (done)
- Https (done)
- Analytic (soon)
- Website Pages
- Home (done)
- Guide (done)
- Starter Template (done)
- Gallery (soon)
- Support (soon)
- License (soon)
- Contribute (soon)
- Brand (soon)
- Team (soon)
- Curated List (later)
- Live Chat (later)
- Guide Specification
- Example preview (done)
- Example code & copy to clipboard (done)
- Header with anchor (done)
- Scrollspy (done)
- Guide Translation
- English (done)
- Indonesia (soon)
- Starter Template
- General
- Homepage (done)
- Service (done)
- Portfolio (done)
- Pricing (done)
- FAQ (done)
- Our Team (done)
- Our Client (soon)
- About Us (done)
- Contact Us (soon)
- My Profile (soon)
- View Profile (soon)
- Edit Profile (soon)
- Change Password (soon)
- Authentication (soon)
- Error 404 (soon)
- Coming Soon (soon)
- Legal (soon)
- Privacy Policy (soon)
- Term of Service (soon)
- Search Result (soon)
- Minimum Layout (soon)
- Admin (soon)
- Blog (soon)
- Magazine (soon)
- News (soon)
- One Page (soon)
- Email (soon)
- Curriculum Vitae (soon)
- Ecommerce (soon)
- Job (soon)
- University (soon)
- Wedding (soon)
- Real Estate (soon)
- Social Media (soon)
- News Feed (soon)
- My Profile (soon)