How to Test Responsive Web Design Cross-Browser Compatibility
HTML & CSSCraig Buckler,
Responsive Web Design — SitePoint
Featured
Advertise with usRecent
How to Simulate Mobile Devices with Device Mode in Chrome
Mobile
By Craig Buckler,
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
HTML & CSS
By Craig Buckler,
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
Blogs
By Syed Fazle Rahman,
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
HTML & CSS
By Syed Fazle Rahman,
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.
Working with the Facebook API in a Cordova App
Mobile
By Wern Ancheta,
Wern Ancheta shows us how to use the Facebook API in a Cordova app for authenticating and posting content to a Facebook app
Responsive Solutions for Feature Comparison Tables
HTML & CSS
By Adrian Sandu,
Adrian Sandu looks at two different solutions to displaying a feature comparison table (often seen on hosting websites) that looks good on smaller screens.
Improving Responsive Web Design With RESS
Web
By Craig Buckler,
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?
Bringing Sanity and Order to Device Testing
Microsoft Tech
By Aaron Gustafson,
Microsoft's Aaron Gustafson explains the right way to design and test for the huge number of different devices used to access the web.
Building Great Mobile Menus for Your Website
Digital Marketing by WooRank
By Simon Codrington,
Simon Codrington looks at techniques and advice on how to create menus in your website project that are optimized for usage on mobile devices.
How Mobile Friendly Is Your Design? 12 Tips to Follow
Digital Marketing by WooRank
By Richa Jain,
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.
Creating a Location Sharing App Using the Ionic Framework
Mobile
By Jay Raj,
Jay Ray returns to teaching us about creating apps with the Ionic Framework, this time showing how it can help with location sharing features.
Understanding the Mobile User
Digital Marketing by WooRank
By Richa Jain,
Richa Jain looks at how understanding mobile users and the way they access the internet has presented new opportunities and challenges to designers.
Video: Scalable Backgrounds in CSS
HTML & CSS
By Russ Weakley,
In this short video, I'll show you how to create a background container that scales seamlessly to fit any browser size.
Responsive Images with WURFL Image Tailor
Mobile
By Dino Esposito,
Dino Esposito introduces WURFL Image Tailor, a service that provides a server-side solution to address the responsive images problem.
An Introduction to Mobile-First Media Queries
Mobile
By Chris Poteet,
Christ Poteet introduces the concept of mobile first design and how it differentiates from the technical aspect, with a light intro to the subject.
Creating a Bucket List with the Ionic Framework and Firebase
Mobile
By Jay Raj,
Jay Ray looks at using the IONIC Framework to create a Bucket List application perfect for mobile usage.
Responsive Data Tables: A Comprehensive List of Solutions
Mobile
By George Martsoukos,
George Martsoukos examines solutions, along with demos, for a number of different techniques for achieving responsive tables.
Device Detection for Apps with WURFL.js
Mobile
By Donald Dragoti,
Donald Dragoti looks at detecting device and browser capabilities to optimize your responsive web designs with wurfl.js.
7 Best Practices for Designing a Mobile User Experience
Mobile
By Richa Jain,
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.
Beyond Responsiveness, the WordPress Mobile Pack Plugin
Mobile
By Elio Qoshi,
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.
Prototyping for Android with Material Design
Mobile
By Elio Qoshi,
Elio Qoshi discusses how Proto.io and other tools can be used for prototyping Material design based interfaces.
Beyond Media Queries — It’s Time to Get Elemental
Mobile
By Richa Jain,
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.
Debugging Mobile Websites with Firefox
Mobile
By Jérémy Heleine,
Jérémy Heleine demonstrates how to use Firefox's developer tools to assist with responsive design and debugging sites on mobile devices.
Media Queries: Width vs. Device Width
Mobile
By Ryan Reese,
Ryan Reese introduces the basics of the viewport meta tag and explains why RWD layouts should not be based on device-specific media queries.
Improving Responsive Images with the Picture Element
Mobile
By Annarita Tranfici,
Annarita Tranfici discusses the new picture element, that aims to simplify and consolidate responsive images.
5 Golden Rules For Mobile Email Design
Design & UX
By Massimo Cassandro,
Mobile design presents challenges and email design is crazy hard. Massimo shows you how to tackle the beast that combines both - mobile email design.
Do You Really Need an App for That?
Entrepreneur
By Paul Boag,
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?
How to Decide Your Mobile Web Strategy
Design & UX
By Richa Jain,
Richa Jain highlights some of the major differences between desktop and mobile design and approaches on how to solve them.
Taking the Mootor HTML5 Framework further
Mobile
By Jay Raj,
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?
Design & UX
By Alex Walker,
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.