Joined October 2012
·
Posted to
Media Queries only for the iPhone 5! (Part I)
over 1 year
ago
Why would you want to target one device specifically? These days we should be building sites device-agnostic surely?
Posted to
DO NOT USE min-device-width in media queries
over 1 year
ago
Ctrl + F -> "-device" -> Replace All with ""
Plus testing in a browser is never as good as on the real thing.
Posted to
Responsive Design Mode in Firefox
over 1 year
ago
@juju57 No worries, I spent a good 2 minutes hitting Ctrl + Alt + M with nothing happening, then I realised you'd put Cmd. Hehe
Posted to
Responsive Design Mode in Firefox
over 1 year
ago
For the benefit of Windows users:
Ctrl + Shift + M
Posted to
Useful Javascript function for Responsive Web Design
over 1 year
ago
Good point, didn't notice because I develop in Firefox :p will edit now. Thanks for the input :)
It would be neater to keep classes for styling and using another attribute for JS:
<a class="btn" data-hook="popup">Click Me</a>
But $('[data-hook="popup"]') is pretty ugly and long-winded so I guess we're stuck with classes for now. :(
Good tip though, I often end up coupling styling and JS and then breaking stuff when I change styling at a later date.