![]() ![]() ![]() And it works great! I can jump on any device in the house, access the Mini, and have everything I need. This Mini’s sole purpose is to be my “Mac in the sky”. Over time I've even transformed my primary desktop (a Mac Pro) to a thin client of sorts, moving almost all of my data to a headless Mac Mini server with a Thunderbolt 3-attached RAID. Their 2010’s strategy of “ demoting the Mac to ‘just another device’”, not so much.)Įven as our household has expanded to include multiple desktops, laptops, and iOS devices, I have still held on to the "home base" mentality of my desktop Mac. (Apple’s mid-2000’s digital hub strategy really resonated with me. ![]() Though I do use laptops I'm very much in the desktop camp, partly because they feel like a true “home base”. And in recent years, I have been able to get closer to this dream. (avoiding abominations like div class="header" with nested inner div tags) the easier it will be to engineer responsiveness, especially avoiding floats by using CSS Grid Layout (Sarah Drasner's grid generator is a great tool for this) and flexbox for arranging and re-ordering according to your RWD design plan.My long-held vision for an ideal thin client could be described as a “Mac in the sky” - with the hardware I’m holding in my hand being nothing more than a portal to the Mac on my desk. ![]() Use semantic markupįurther, the simpler and more semantic the DOM structure with nav, header, main, section, footer etc. See Lyza Gardner's post on behavioral breakpoints, and also Zeldman's post about Ethan Marcotte and how responsive web design evolved from the initial idea. In other words, if a menu/content section/whatever stops being usable at a certain size, design a breakpoint for that size, not for a specific device size. The integrity of the design itself at each breakpoint ensures that it will hold up at any size. If you're not trying to pin design to exact screen size, this approach works by removing the need to target specific devices. Once you have a good working mobile site, without media queries, you can stop being concerned about specific sizes and simply add media queries that handle successively larger viewports. The 'breakpoints' then become the actual point at which your mobile design begins to 'break' i.e. You can use to find the 'natural' breakpoints, as in 'breakpoints are dead' by Marc Drummond.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |