Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raheemcodes/type-of-input
How to detect the primary input mechanism of your device with CSS
https://github.com/raheemcodes/type-of-input
Last synced: about 1 month ago
JSON representation
How to detect the primary input mechanism of your device with CSS
- Host: GitHub
- URL: https://github.com/raheemcodes/type-of-input
- Owner: Raheemcodes
- Created: 2022-07-30T23:55:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-31T09:53:23.000Z (over 2 years ago)
- Last Synced: 2023-03-12T00:23:16.631Z (almost 2 years ago)
- Language: CSS
- Size: 2.93 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# How to detect the primary input mechanism of your device
### Codepen - https://codepen.io/raheemscorp/pen/JjLMYEo
### StackBlitz - https://stackblitz.com/edit/web-platform-zhfjzd?file=index.html#### Tip - To verify the integrity of this code, inspect the browser then switch between the desktop and touch devices.
## Features
### pointer: fine | coarse | none
#### fine - for accurate pointing device
#### coarse - for pointing device with limited accuracy
#### none - for the presence of no pointing## Reference -
### MDN - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer
### Web.dev - https://web.dev/learn/design/interaction/