~/talk

Responsive Design with RapidClipse

TalkinGermanat JCON 2020 · 2020-10-27..10-30· [web-platform, design-collaboration]
links:none on file
slides:none on file

Shows how RapidClipse supports responsive web design through a live demo of its layout components: FlexLayout, AppLayout and FormLayout, and explains which UI components do not fit into a responsive design approach. Describes making web-app layouts flexible so they present consistent, usable interfaces across desktop, tablet and smartphone.

AI-written summary · about

  1. 0:00Responsive Design introduction
  2. 1:07Layout types in RapidClipse
  3. 2:30Flex-layout basics
  4. 6:06SAP-layout benefits
  5. 7:08When to use responsive design
  6. 10:25Live demo: create project
  7. 11:51Form items and layouts
  8. 13:31Form height and label position
  9. 17:31Grid problems and fixes
  10. 19:25Create custom components
  11. 23:45Fill flex-layout with data
  12. 25:51Media queries for breakpoints
  13. 29:37Control desktop/mobile elements
  14. 34:04Build browser switch
  15. 40:23Mobile vs desktop apps
  16. 41:28Q&A
~/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.