use the spacebar or arrow keys to navigate
About Responsive
Web Design?
WHAT?
Responsive websites
Respond to their
environment, which
means they optimise
the user view on
multiple devices
Why?
Mobile browsing has
passed desktop
So now...
One Site
fits all!
Who?
Anyone serious about
maximising their reach
Real Client Work
The Cloud Factory
Largest responsive web design project to date
thecloudfactory.com
Urological Solution
Responsive Site
urologicalsolutions.com.au
Be Best Group
Live, feel, be your best
bebestgroup
Infinity
Responsive Site
infinityels
...and plenty more
potenzaglobalsolutions.com
When?
Things to Consider
Time & Money
Browser Support
Performance
Content
Website vs WEb app
How?
There are two approaches to make a webpage responsive
1. Adaptive approach: Means multiple fixed width layout
2. Responsive approach: Means multiple fluid grid layout.
With so many devices with different screen sizes on the market, we use a COMBINATION approach: Responsive for Small Screens and Adaptive for Medium & Large Screens.
There are several frameworks available to save development time. We use
Bootstrap
Foundation
Skeleton