Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/atufkas/jquery-microtools
jQuery extended by useful pseudo-selectors and functions for fine tuned layouts
https://github.com/atufkas/jquery-microtools
Last synced: 10 days ago
JSON representation
jQuery extended by useful pseudo-selectors and functions for fine tuned layouts
- Host: GitHub
- URL: https://github.com/atufkas/jquery-microtools
- Owner: atufkas
- License: mit
- Created: 2013-08-28T21:09:37.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2014-07-10T22:48:20.000Z (over 10 years ago)
- Last Synced: 2024-10-12T08:43:50.614Z (about 1 month ago)
- Language: JavaScript
- Size: 168 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# jQuery Microtools
## About
_Note: idea/project at very early stage_
jQuery Microtools is a plugin for [jQuery](https://github.com/jquery/jquery) that aims to extend jQuery with some
useful functions/psudo-selectors potentially needed somewhere... let's say: if fine tuning layouts matters.
It is not officially registered with the jQuery plugin registry yet.Currently implemented:
* pseudo-selector for fetching elements with current content overflow on any axis: `:mt-overflow`
* pseudo-selector for fetching elements with current content overflow on x-axis: `:mt-overflow-x`
* pseudo-selector for fetching elements with current content overflow on y-axis: `:mt-overflow-y`## Usage
Example for styling all elements having class _myclass_ applied with a red border by using mt-overflow pseudo-selector:
In your main script:
```
$(document).ready(function() {
$('.myclass:mt-overflow').addClass('overflow-warning');
});
```In your CSS definitions:
```
.overflow-warning {
border-color: 1px dotted red;
}
```pseudo-selectors are prefixed with `mt-` for reducing the risk of potential namespace-clashes.
## Installation
Be sure you already included jQuery in your project (> 1.10.1 is demanded, though > 1.8.x should work anyway).
Clone git repository...
```
$ git clone [email protected]:atufkas/jquery-microtools.git
```...or install via bower:
```
$ bower install [email protected]:atufkas/jquery-microtools.git
```## Contribute
Ideas, suggestions and pull requests are welcome.
## License
[The MIT License](http://opensource.org/licenses/MIT)
Copyright (c) 2013 Matthias Lienau <[email protected]>