An iFrame lets you embed a website inside of another HTML document. It’s often used to add online content to otherwise offline publications. When a viewer is offline, the iframe fails completely, and the author doesn’t have control of what is displayed.
So how do we go about fixing that?
There are several great tools for testing mobile layouts.
The iOS and Android Simulators can test almost every aspect necessary, without actually needing a device.
Browserstack is a subscription service that lets you test all kinds of devices, browsers, and operating systems.
However, sometimes the power that these systems offer is overkill, and I just need a quick way to test a mobile layout.
The Quickest Way to Test a Mobile Layout
Enter Chrome Device emulation.
Device emulation is part of the Chrome Developer Tools. All you need is the Google Chrome web browser.
You can learn more about the Developer Tools, including how to use them as a designer in this free email course.
There are 2 important parts to testing mobile layout.
- The viewport meta tag—this controls document scaling on mobile devices.
- The CSS media queries—these are rules that control how the design changes on different screens.
The emulator also simulates touch events, touch scrolling, and device orientation.
What if you were missing out on web content just because your Mac wasn’t telling you that you could scroll?
It turns out that this is the default on the current version of OS X. So there’s a good chance you are missing content.
Here’s the short and sweet steps to a solution.
How do I show scroll bars on a mac?
- System Preferences (from the Apple Menu) > General.
- Change the Show scroll bars setting to Always.
Problems are usually reported by clients or end users.
After all, if you already knew about the problem, it would probably be fixed, right? 😉
In this article, I’ll show you some ways that you get info from end users to help solve your problems faster.
InDesign has many strengths as an interactive layout tool.
One of its limitations, however, is that it doesn’t let you set a target attribute when creating a hyperlink. The target attribute lets you control how a hyperlink is open.
In this article, I’m going to take you on a deep dive of a new features that we’ve added in in5 version 2.6: Advanced Hyperlink Targeting.
Not only can you use this feature to control links in your web-based HTML, it also gives you a high degree of control in Web Apps, Baker Framework apps, and PhoneGap apps.