Detection device type with pure CSS

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
    /* ... */
}
/* stylus-based screens */
@media (hover: none) and (pointer: fine) {
    /* ... */
}
/* Nintendo Wii controller, Microsoft Kinect */
@media (hover: hover) and (pointer: coarse) {
    /* ... */
}
/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
    /* ... */
}

Comments

[Gabriel José]

I liked the post, small and to the point!!!

[Alex Billerey]

Brief and to the point. Nice one. Thanks.

[Obscure.]

Helpful.

[Sattwik Sahu]

Oh... That's interesting! Thanks for sharing