Btrax Design Company > Freshtrax > Responve Web De...
Responsive Web Design: a Trending Technique You Shouldn’t Miss
This is a quick recap of an Adobe event on June 21, regarding responsive web design and PhoneGap. Open source links and related documents will be attached within the article.
“Responsive Web Design” (RWD) is becoming a topic people keep talking about. Why is responsive design beneficial to your business? How to utilize this approach to maximize your website exposure in the mobile world? This blog will give you an idea.
This is the Ethan Marcotte article that gave designers a comprehensive introduction of the RWD concept. If you don’t have time for a thousand-word article, here are some quick notes on RWD features:
- 1 code base running on multiple devices
- Supports multiple resolution and orientation
- Constant responsive UI
- “Width” aware grid
A visual explanation of Responsive Web Design
Tips and Tricks
- Minimal Viable Product – design for mobile first
- Use MVC – that would save you a lot of time
- Static File Client – cheap CDN hosting, fast JS execution
- Minimize HTTP requests – they kill performance in mobile environment
- Minify – combine all files to one
- Webkit – is great but keep in mind: it’s not everything
- Internet Explorer – meh, but html 5 and Chrome frame
- Mandible – elegant output to production in seconds
Resources
- Visual explanation of RWD (the calendar) & its complete source code
- Mandible2 – a web application build and development toolset + project template
- Some additional articles: Why We Shouldn’t Make Separate Mobile Websites; Responsive Web Design: What It Is and How to Use It
Thanks Ippei for taking notes!
Check Out Our FREE E-Books!
Discover our FREE e-books packed with valuable research and firsthand insights from industry experts!
Dive into our collection below, and stay tuned – we’re constantly adding new titles to keep you ahead of the curve.
- Big in Japan: Global Brands Thriving in the Japanese Market, Vol. 1
- A Guide to the Promotional Seasons in Japan
- What I Wish I Knew Before Entering the Japanese Market
- 100+ Facts to Understand the Motivations Behind Japanese Behaviors
- Insights on Japan’s Changing Workstyle
- Insights into Japan’s E-Commerce and Direct to Consumer (D2C) Market
