Leveraging CSS to Make Shiny Mobile-Responsive
summary
A production Shiny app is converted to a mobile-friendly version in about two to three weeks by changing CSS only and minimal R edits, deploying the updated app and demo at bit.ly/mfano. Specifics include forcing the menu to collapse at 940 pixels, using media queries to swap styles below 480 pixels, hiding icons with display:none, swapping plot title sizes 18→14 via shinybrowser detection (note: width is read once so refresh is required), and reflowing layout with CSS Grid and Flexbox.
AI-written summary · about
chapters (4)
related talks
05mLeveraging CSS to Make Shiny Mobile-Responsive
17mHTML and CSS for R Users
01h 01mThe Evolution of Responsive Web Design: What's Next?
32mBetter Production Decisions with HTML & CSS
43mResponsive Design: now 90% easier with SASS!
25mFlipping Tables Displaying Data on Small Screens
34mCSS In Your Pocket - Mobile CSS Tips From The Trenches
29mSquishy Pixels