educational

Enjoying a Different View (Mode) With CSS Media Queries

Today’s adult entertainment consumer is seeking cutting-edge viewing options across a wide range of platforms; from bigscreen TVs to small-screen mobile devices and all types of computer displays, content publishers are striving to suit the needs of a “one size does not fit all” audience.

According to W3.org, the CSS viewmode specification “defines a media feature to match the different visual presentation modes that can be applied to web applications and thereby apply different styling based on these different modes using CSS media queries.”

The floating and full screen modes in particular, provide unique visual opportunities for forward-looking designers.

W3C says its role in making this formal recommendation is to draw attention to the finalized specification and to promote its widespread deployment as a way of enhancing “the functionality and interoperability of the web” — and XBIZ is happy to help:

The standards-body explains that whether in-browser or deployed as widgets, on most platforms, web applications can be run in multiple visual modes.

“At times they may occupy the entire screen, at others they may be minimized to a specific docking area; at times they may have chrome that matches the operating system’s style while at others they may be providing their own controls in order to provide for a more immersive experience,” the recommendation states.

“The user is generally in control of at least several aspects of these modalities, and it is therefore important for authors to be able to react to these in order to provide different styling to their applications.”

As a result, W3C defined the view-mode media feature to include several values — “floating,” “fullscreen,” “maximized,” “minimized” and “windowed.”

W3.org provides this simple example of view-mode style sheet coding:

@media handheld and (viewmode: floating) and (orientation: landscape) { // ... }
@media tv and (view-mode: windowed) { // ... }
@media handheld and (viewmode: fullscreen) { // ... }

As you can see, view-mode allows coders to target not only by type of display device, but in the case of tablets and the like, by the way it is held.

For image and video-rich adult entertainment applications, the floating and fullscreen modes in particular, provide unique visual opportunities for forward-looking designers.

The latest version of the full specification is available online (www.w3.org/TR/).

Related:  

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

The Search for Perfection in Your Payments Page

There has been a lot of talk about changes to cross sales and checkout pages. You have likely noticed that acquirers are now actively pushing back on allowing merchants to offer a negative option, upsell or any cross sales on payment pages.

Cathy Beardsley ·
opinion

Unpacking the Payment Card Industry's Latest Data Security Standard

The Payment Card Industry Data Security Standard (PCI DSS) is a set of requirements and guidelines that apply to all businesses that accept credit card payments, and is designed to ensure the security of those transactions.

Jonathan Corona ·
opinion

Compliance With State Age Verification Laws

During the past year, website operators have faced a slew of new state age verification laws entailing a variety of inconsistent compliance obligations.

Lawrence Walters ·
opinion

Merchants in Spotlight With Visa's VIRP

By now, most merchants know about the Visa Integrity Risk Program (VIRP) rolled out in spring 2023. The program is designed to ensure that acquirers and their designated agents — payment facilitators, independent sales organizations and wallets — maintain proper controls and oversight to prevent illegal transactions from entering the Visa payment system.

Cathy Beardsley ·
opinion

How to Know When Hosting Upgrades Are Really Needed

I was reminded about an annoyingly common experience that often frustrates website owners: upgrades. Sometimes, an upgrade of physical system resources like CPU, RAM or storage really is required to solve a problem or improve performance… but how do you know you’re not just being upsold?

Brad Mitchell ·
profile

WIA Profile: Natasha Inamorata

Natasha Inamorata was just a kid when she first picked up a disposable camera. She quickly became enamored with it and continued to shoot with whatever equipment she could afford. In her teens, she saved enough money to purchase a digital Canon ELPH, began taking portraits of her friends, shot an entire wedding on a point-and-shoot camera and edited the photos with Picnik.

Women in Adult ·
trends

Collab Nation: Top Creators Share Best Practices for Fruitful Co-Shoots

One of the fastest ways for creators to gain new subscribers and buyers, not to mention monetize their existing fan base, is to collaborate with other creators. The extra star power can multiply potential earnings, broaden brand reach and boost a creator’s reputation in the community.

Alejandro Freixes ·
opinion

Bridging Generational Divides in Payment Preferences

While Baby Boomers and Gen Xers tend to be most comfortable with the traditional payment methods to which they are accustomed, like cash and credit cards, the younger cohorts — Millennials and Gen Z — have veered sharply toward digital-first payment solutions.

Jonathan Corona ·
opinion

Legal and Business Safety for Creators at Trade Shows

As I write this, I am preparing to attend XBIZ Miami, which reminds me of attending my first trade show 20 years ago. Since then, I have met thousands of people from all over the world who were doing business — or seeking to do business — in the adult industry.

Corey D. Silverstein ·
opinion

Adding AI to Your Company's Tech Toolbox

Artificial intelligence is all the rage. Not only is AI all over the headlines, it is also top of mind for many company leadership teams, who find themselves asking, “How can this new tool help our company?”

Cathy Beardsley ·
Show More