~/lightning

Leveraging CSS to Make Shiny Mobile-Responsive

on YouTube 05m
Lightningat rstudio::conf(2022) · 2022-07-25..07-28· [css, frontend-architecture]

speaker

name:Shelmith Nyagathiri Kariuki
links:none on file

resources

video:https://youtu.be/-JKz7u7NXzU
slides:none on file

summary

Built a mobile-ready Shiny app in two to three weeks with minimal R changes, using CSS media queries and breakpoints to resize fonts, swap layout with Grid/Flexbox, hide elements via display:none, and replace icons with a single button on small screens. Plot titles, axis text and orientation switch by passing a device argument and detecting width with shinybrowser (note: detect reports dimensions only at initial load). Demo at bit.ly/mfano and code at bit.ly/mfanocode.

AI-written summary · about

chapters (4)

  1. 0:00Introduction
  2. 0:33Mobile Responsiveness
  3. 2:17Graphs
  4. 3:13Inspect Browser

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.