I was the session manager for “Responsive Design For Web + Mobile apps” on November 8, 2012 (Thursday) Nasscom Product Conclave held in Bangalore. My task was to bring in experts from Responsive Design area and share their experiences with the audience.
The panel consisted of
- Moderator: Philip Thomas, Director of Design and User Experience, Flipkart (Twitter)
- Ravi Pratap, Co-Founder and CTO, MobStac
- Umesh Gopinath, Senior Information Architect, Sapient Global Markets (Twitter)
- Shiva Kumar, Executive Director Apparatus Media Lab
Idea Behind The Session
Today our apps (web and mobile) are accessed from devices of various sizes. The accessibility also varies from device to device (touch and non-touch devices). With the mobile internet penetration increasing in India it has become important to design apps which are usable on all devices (desktop, mobile, tablet).
The panelists who have deep knowledge about design aspects throw some light on Responsive Design.
Useful Resources For Responsive Design
- What is responsive design and do you really need it?
- 9 GIFs That Explain Responsive Design Brilliantly
- Breaking Dev: There Is No Mobile Web – A deeper dive into the philosophy behind Responsive Web Design, some supporting arguments.
- Ethan Marcotte’s original 2010 article on Responsive Web Design.
- This is responsive – Patterns, resources and news for creating responsive web experiences.
- Guidelines for responsive design from Smashing Magazine
- Responsive Web Design: 50 Examples and Best Practices
- A Beginner’s Guide to Mobile Responsive Design by Studiopress.com
- Mobile URLs vs. Single URLs: Making The Right Decision For Your Company
- Test your site for responsive design on various devices
- Overview and analysis of where Mobile First Responsive Design is being applied
- Planning ahead for responsive design
- Responsive Web Design book by A Book Apart
- SEO Benefits of Responsive Web Design
- 10 jaw dropping responsive landing pages
- To see a lot of responsive layout examples, browse around media queries.
- WordPress meets Responsive Design
- Designing a responsive header
- Foundation 3 – an advanced responsive front-end framework
Please do email me if you come across good resources related to Responsive Design. I will continuously update this list.