I'm looking to streamline my front-end development process on Mac by focusing on mobile-first design. Currently, I code for desktop first and then adjust for mobile, but I find this approach a bit cumbersome. For mobile testing, I typically use Chrome's inspector in mobile view or ResponsivlyApp, but they aren't the most comfortable tools for ongoing development. I'm curious if anyone has a better setup. Are there any lightweight software or Chrome plugins that can help me set my default view to a mobile screen size? I prefer a single view that mimics typical phone screens without needing to load multiple instances, which slows things down. Any tips or recommendations?
1 Answer
I usually run my development server with the `--host` flag to expose it on my network. I keep a desktop screen alongside my phone and tablet mounted so I can easily see adjustments. Since I prioritize mobile-first development, I design for mobile and tweak for larger screens later.
I've heard about using the `--host` option to access localhost across the network. Just so you know, I’ve been committing to a branch for iOS Safari and using Netlify, but the process is painfully slow. Any tips to speed that up?