Detect a touch device with only CSS
New standards developments in CSS are providing a better future for developers that needs to detect touch devices just with their CSS.
Solving Sticky Hover States with @media (hover: hover) | CSS-Tricks
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium. If you tap on something that has a :hover state but you don’t leave the page then, on a mobile device, there is a chance that :hover state “sticks.” You’ll see this with stuff like jump-links used as t…
Building for Touch Screens: Interaction Media Queries
When you think of a CSS media query, chances are you immediately think of min- or max-width. For most of the history of responsive design, it was enough to check the width of a screen to determine how the page should look and behave. Generally, anything more than 1024px wide was considered a desk…
Using media queries – CSS: Cascading Style Sheets | MDN
Media queries are useful when you want to modify your site or app depending on a device’s general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).
CSS4 media queries to tackle touch
Shift to input concepts rather than explicit lists will benefit developers
The Good & Bad of Level 4 Media Queries | Blog | Stu Cox
I’m a web developer and general technology enthusiast from the UK, currently living in London and working as a Senior Developer for Potato.
