Responsive Web Design
![How to Simulate Mobile Devices with Device Mode in Chrome](https://uploads.sitepoint.com/wp-content/uploads/2017/02/1615949272mobile-testing.jpg)
Does your web app work in all devices? Testing is a huge job. Learn how to enable Chrome's useful device mode to emulate dozens of mobile devices.
![How to Test Responsive Web Design Cross-Browser Compatibility](https://uploads.sitepoint.com/wp-content/uploads/2013/03/1602775800CBT.jpg)
Craig introduces CSS options for setting up a responsive website, including media queries, Flexbox and Grid, and covers tools for testing cross-browser compatibility.
![How to Build a Responsive Bootstrap Website](https://uploads.sitepoint.com/wp-content/uploads/2013/08/1518490202responsive-Bootstrap-website.jpg)
Syed covers all the basic steps involved in building a responsive Bootstrap website, even if you're relatively new to web design and web technologies.
![Understanding Bootstrap Modals](https://uploads.sitepoint.com/wp-content/uploads/2017/06/1496835966bootstrapdialog.jpg)
In his dive into the popular CSS framework Bootstrap, Syed Fazle Rahman shows you how you can quickly make Bootstrap modals work in your project.
Wern Ancheta shows us how to use the Facebook API in a Cordova app for authenticating and posting content to a Facebook app
Adrian Sandu looks at two different solutions to displaying a feature comparison table (often seen on hosting websites) that looks good on smaller screens.
The basis of Responsive Design is the screen size but it's crude indicator of the device's capabilities. Could RESS be a better solution?
Microsoft's Aaron Gustafson explains the right way to design and test for the huge number of different devices used to access the web.
Simon Codrington looks at techniques and advice on how to create menus in your website project that are optimized for usage on mobile devices.
After Google's recent search algorithm changes, mobile friendly design is more important than ever. Richa Jain looks at 12 tips to improve your designs.
Jay Ray returns to teaching us about creating apps with the Ionic Framework, this time showing how it can help with location sharing features.
Richa Jain looks at how understanding mobile users and the way they access the internet has presented new opportunities and challenges to designers.
In this short video, I'll show you how to create a background container that scales seamlessly to fit any browser size.
Dino Esposito introduces WURFL Image Tailor, a service that provides a server-side solution to address the responsive images problem.
Christ Poteet introduces the concept of mobile first design and how it differentiates from the technical aspect, with a light intro to the subject.
Jay Ray looks at using the IONIC Framework to create a Bucket List application perfect for mobile usage.
George Martsoukos examines solutions, along with demos, for a number of different techniques for achieving responsive tables.
Donald Dragoti looks at detecting device and browser capabilities to optimize your responsive web designs with wurfl.js.
Richa Jain discusses 7 of her favourite tips for designing a mobile user experience to give your mobile users an optimized experience with your site.
Elio Qoshi explains how utilising the WordPress Mobile Pack plugin can make turning your online presence into a simple and effective mobile application is a simple and worthwhile process.
Elio Qoshi discusses how Proto.io and other tools can be used for prototyping Material design based interfaces.
Richa Jain discusses why we might have jumped on the bandwagon of Media Queries too quickly, not recognizing the real solution to cross-device layouts.
Jérémy Heleine demonstrates how to use Firefox's developer tools to assist with responsive design and debugging sites on mobile devices.
Ryan Reese introduces the basics of the viewport meta tag and explains why RWD layouts should not be based on device-specific media queries.
Annarita Tranfici discusses the new picture element, that aims to simplify and consolidate responsive images.
Mobile design presents challenges and email design is crazy hard. Massimo shows you how to tackle the beast that combines both - mobile email design.
First everybody wanted a website. Then along came Flash and so people wanted a Flash site. Now everybody wants a mobile app. But do they really need one?
Richa Jain highlights some of the major differences between desktop and mobile design and approaches on how to solve them.
On our last look at the Mootor Framework we created a basic HTML 5 Web App. Jay Raj looks further into it's potential.
![Dreamweaver CC: The Web Development Tool That Opens PSDs?](https://uploads.sitepoint.com/wp-content/uploads/2014/12/1418790523dreamweaver-psd.jpg)
Dreamweaver's ability to work directly with PSDs is a new approach to bridging the gap between layouts and code. Alex takes it for a test-drive.