UICAP solves problem of many users who have not better experience of web page surfing on Firefox and other browsers. Basically it's an UI framework which will help developers to make a webpage which is browser independent and provides best user experience to all users.It'll contain some other advance components which is not provided in other amazing UI frameworks like Twitter Bootstrap, Flat UI, and Ionic. There are many more but we can list all here.
We've written a short manual explaining how you can adapt it for your own needs.
There are many ways of using UICAP in your projects. Here a brief introduction of the recommended two methods:
We're working on it.
We're working on it.
We're working on it.
You can always download the latest minimized version from github, clone the repository or download it. Or clone it: `git clone https://github.com/MozillaKNITOpenSource/UICAP.git
After including the stylesheet as indicated in the Getting started
:
<form>
Whats your fav in following?
<label>
<select name="feature">
<option value="semantic"> HTML5 </option>
<option value="lightweight"> Lightweight </option>
<option value="css3"> CSS3 </option>
<option value="responsive"> Responsive </option>
</select>
</label>
<input type="email" placeholder="Email">
<button class="primary"> Subscribe! </button>
</form>
-
Only CSS3 is needed and your HTML5 stays highly semantic*.
-
Under 10kb when minimized and gzipped with all plugins.
-
Normalize.css is used as a base, achieving a solid foundation.
-
Support: IE 9+ and others. No fancy CSS3 on IE 8.
-
Responsive: The nav and the grids are responsive.
- Difficult to drop in an already created project. This is what I meant by invasive. This is not within the new scope of the project.
Milligram: A minimalist CSS framework
Bootstrap: Really comprehensive, but too many files and too heavy for most of the websites. It also relies too much on javascript. Still cannot get the <select>
right out of the box.
Min: a tiny, basic css framework. It has great browser support. No <select>
right, and it's too inexpressive.
You are encouraged to contribute to UICAP. To write a new plugin, just copy one of the existing ones (specially recommend "button") and modify the files. The code must be linted with scss-lint, except the PropertySortOrder
which is ignored for a better code structure.
To contribute in UICAP by giving your ideas please go through here
- Adarsh Learner
- Atul Gupta
- Rajat Khemka
- Shivam Sharma
- Priyanshi
- Bhavana Singh
- Khusboo Bindal
- Aseem Srivastava
- Chirag
- Harshit Agrawal
- Sandeep
- Avinash Verma
Dear Contributors you all can join our community by going through below links: Gitter
- Fontello an icon library that plays really nice with others.