Adactio: Journal—Content First
adactio.com · 1,220 words · saved by 1 readers
In which I repeatedly hammer home the point that it’s all about the content.
Andy recently published 320 and up, a fork of Mobile Boilerplate that inverts his previous boilerplate media queries i.e. now it starts with the small-screen styles and layers on the styles for larger widths, rather than beginning with larger-width styles and nullifying them for smaller screens. This is definitely the best way to apply width-specific styles, be it with media queries or with JavaScript. But I get a little nervous when I see pixel values that correspond to specific device widths: 320 pixels, 480 pixels, etc.—it’s certainly an improvement on relying on one mythical width like…
saved by
related reading
- Object-Oriented UXalistapart.com
- Frank Chimero · The Web’s Grainfrankchimero.com
- Details That Make Interfaces Feel Betterjakub.kr
- Web Interface Guidelinesvercel.com
- Frank Chimero · What Screens Wantfrankchimero.com
- Say precisely what you mean.index.how
- The Elements of UI Engineering — overreactedoverreacted.io
- Designing Systems | Atomic Design by Brad Frostatomicdesign.bradfrost.com
- An Interactive Guide to Flexbox in CSS • Josh W. Comeaujoshwcomeau.com
- <meta name="viewport"> HTML attribute value - HTML | MDNdeveloper.mozilla.org
- PWA 介面設計：先認識 RWD 設計noob.tw
- 7 Principles of Rich Web Applicationsrauchg.com