Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/julienagullo/rwdkit
jQuery plugin for developer to view the current breakpoint in a responsive page
https://github.com/julienagullo/rwdkit
bootstrap bootstrap3 bootstrap4 bootstrap5 breakpoint css css3 javascript jquery jquery-plugin responsive responsive-design responsive-layout responsive-web-design
Last synced: about 21 hours ago
JSON representation
jQuery plugin for developer to view the current breakpoint in a responsive page
- Host: GitHub
- URL: https://github.com/julienagullo/rwdkit
- Owner: julienagullo
- License: mit
- Archived: true
- Created: 2019-08-18T17:10:40.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-14T11:06:04.000Z (over 1 year ago)
- Last Synced: 2024-09-26T21:51:32.276Z (1 day ago)
- Topics: bootstrap, bootstrap3, bootstrap4, bootstrap5, breakpoint, css, css3, javascript, jquery, jquery-plugin, responsive, responsive-design, responsive-layout, responsive-web-design
- Language: JavaScript
- Homepage: https://open-source.jagullo.fr/rwdkit/
- Size: 25.4 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# jQuery rwdKit
jQuery plugin to help developers to view the current breakpoint in a responsive web page: [Demo page](https://open-source.jagullo.fr/rwdkit/)
[](https://github.com/julienagullo/rwdKit/LICENSE.md)
## Table of contents
- [Quick start](#quick-start)
- [Contact](#contact)
- [Responsibility](#responsibility)
- [License](#license)
## Quick start
#### Download the release:
- Install via npm: `npm i rwdkit`
- Download [last release](https://github.com/julienagullo/rwdKit/releases/)
- Or clone the repo: `git clone https://github.com/julienagullo/rwdKit.git`
#### Import library plugin:
```html
```
#### Launch rwdKit plugin:
```javascript
$(document).rwdKit();
```
You can launch `rwdKit` on `$(window)`, `$(document)` or `$('body')` element.
#### Available options:
Default options:
```javascript
$(document).rwdKit({
media: {
xs: 0,
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1400
},
bootstrap: 5,
console: false,
position: 'bottom',
color: 'white',
backgroundColor: 'rgba(14,120,200,.9)',
});
```
`media:` (object) breakpoints screen object
`console:` (bool) active the plugin in the browser console
`bootstrap:` (int) forced to use an older Bootstrap version breakpoints (default version 5)
`position:` (string) bottom or top position
`color:` (string) current font color
`backgroundColor:` (string) current background color
#### General options:
- Press `F4` key or click `refresh button` to reload the page without cache (to avoid opening the development tool)
#### Iframe options:
- Click `mobile button` to open a responsive iframe which can be resized
- Press `F4` key with the iframe focus to reload only iframe content without cache
- Resize the iframe precisely by setting a size below the iframe then press `ENTER`
- Switch from one breakpoint to another with the `left` and `right` arrows or keys
## Contact
- Mail: [[email protected]](mailto:[email protected]?subject=[GitHub]%20rwdKit)
- Website:
- Github:
## Responsibility
Author disclaims any responsibility for the use that is made with this tool.
```text
Al-Nu’man ibn Bashir reported,
The Messenger of Allah (Peace and Blessings be upon Him) said: « Verily, the lawful is clear and the unlawful is clear, and between the two of them they are doubtful matters about which many people don't know. Thus, he who avoids doubtful matters clears himself in regard to his religion and his honor, and he who falls into doubtful matters will fall into the unlawful as the shepherd who pastures near a sanctuary, all but grazing there in. Verily, every king has a sanctum and the sanctum of Allah is his prohibitions. Verily, in the body is a piece of flesh which, if sound, the entire body is sound, and if corrupt, the entire body is corrupt. Truly, it is the heart. »
Sahih al-Bukhārī 52, Sahih Muslim 1599
```
```text
D'après Nu'man Ibn Bachir (qu'Allah l'agrée),
Le Messager d'Allah (que La Prière d'Allah et Son Salut soient sur Lui) a dit : « Certes le halal est clair et certes le haram est clair et il y a entre les deux des choses ambiguës que peu de gens connaissent. Celui qui s'écarte des choses ambiguës a préservé sa religion et son honneur. Quant à celui qui tombe dans les choses ambiguës il tombe dans le haram comme le berger qui fait paitre ses bêtes près d'un enclos réservé et qui sont sur le point de rentrer dedans. Certes chaque roi a un domaine réservé et certes le domaine réservé d'Allah est ses interdits. Certes il y a dans le corps un morceau de chair, si il est bon alors l'ensemble du corps est bon tandis que si il est mauvais alors c'est l'ensemble du corps qui est mauvais, certes il s'agit du coeur. »
Sahih al-Bukhārī 52, Sahih Muslim 1599
```
## License
Copyright © jagullo.fr
Licensed under the MIT license.