wptouch logo

WPtouch

Mobile Suite for WordPress

January 16, 2014 – By Dale Mugford

Responsive Images Now in WPtouch Pro

The web community at large has struggled with delivering responsive images (different sized images that are served based on a device’s screen size).

Current State of Responsive Images

The holy grail (so to speak) of the responsive design movement lay in having the HTML spec ratified to support having devices do the work of determining which image size is most suitable to download and fetching it instead of a larger one. This would be done (in proposal) via css, or the IMG HTML tag. The advantage of this would be that small devices wouldn’t request large images, nor would they download multiple images.

However, this is what currently occurs on responsively designed sites & templates. The only way to prevent it, currently, is to only serve one large size of an image, and penalize small mobile devices by making them have to download the largest asset and just scaling it down via css to appear smaller.

Responsive Images Extension

responsive images

Publish your content and give us your best quality image— we’ll do the rest. With WPtouch Pro 3.1′s Responsive Images extension, you don’t have to define alternates or set a single setting to ensure the right sized images are being served to the right devices. The extension works to crunch images you upload and, on the fly, determine what size a device is, and which image is best suited for it and sends it along instead.

Automatic, ‘Set It and Forget It’

This means even devices like the iPhone 3GS and iPhone 5 will receive different sized images, ensuring the trade-off between high fidelity images and reduced bandwidth is negotiated. The Responsive Images extension handles all of the image size negotiation and device type negotiation automatically, with zero configuration required.

Moving forward, we’ll go beyond uploaded content to WordPress websites, and instead any image you link to in a WordPress post or page is the correct size for the device that’s requesting a page view.

responsive imagesLeveraging our BraveNewCloud, we’ll make sure any linked image has more appropriate sizes cached and ready for you to serve to your mobile visitors. This means if you link to images anywhere else on the Internet, we’ll make sure that image isn’t too large for the device requesting it.

We believe delivering Responsive Images for WordPress websites shouldn’t be difficult for the average user. We wanted the ability to support Responsive Images to be as simple as adding links to images in a post or page and clicking publish.

With Responsive Images in WPtouch Pro 3.1, that’s exactly what you do.

WPtouch Pro 3.1 is a free update for all existing customers. You can update to 3.1 through the WordPress admin panel like any other plugin on the plugins page.

In WPtouch Pro 3.1, we’ve introduced our own extensions, and 3 new extensions are currently available to customers: Mobile Content (for replacing desktop content with mobile content on the fly), Infinity Cache (for caching both mobile & desktop), and now Responsive Images (for serving the right sized images for the right device).

Read Comments

January 8, 2014 – By Dale Mugford

Introducing BraveNewCloud + WPtouch Pro

bravenewcloud and wptouch pro 3.1

Recently we released WPtouch Pro 3.1, a major update to our flagship mobile plugin for WordPress. A solid two months of work went into the latest update— we introduced a new theme, 3 extensions, and improvements to the best platform for mobile development for WordPress websites.

BraveNewCloud

WPtouch Pro 3.1 introduces the BraveNewCloud, a revolutionary new feature for a WordPress plugin. With the BraveNewCloud you can now seamlessly install & update WPtouch Pro themes and extensions inside the admin panel.

The BraveNewCloud operates seamlessly within WPtouch Pro, and allows you to receive updates for themes and extensions as we release them. You no longer have to wait for a new version of the plugin in order to receive updates for themes and extensions. This allows us to ship more timely bug fixes and improvements to themes and extensions.

Including a cloud install inside the product like this wasn’t easy, and marks the first time any WordPress plugin has accomplished this feat.

Bauhaus: A New Theme, Theme Updates

Bauhaus

With 3.1 we’ve introduced a fresh theme, Bauhaus. Available absolutely free to all existing customers.

Contemporary design and full-featured flexibility are highlights in Bauhaus. Subtle hardware-accelerated animations and clean clear typography make Bauhaus stand out as a polished and powerful, modern mobile theme.

Classic Redux, CMS & Simple

New features, refinements and fixes are also included for all our existing themes. Hotly requested features like user login have been added, while support for iOS 7 (particularly in Web-App Mode) bring all of our themes freshly up to date.

All-New Extensions

Ever since the launch of 3.0 we’d planned to add extensions that help you take your WPtouch Pro install to the next level. With 3.1 we’ve added 3 new extensions and we’ll roll-out more this year.

Mobile Content Extension

Ever wanted to provide content on a post or page completely different from what your desktop visitors see? With the Mobile Content extension, you can. This extension adds a new text area on posts and pages in the WordPress publishing area, and allows you to enter whatever content you’d like to show differently for your mobile visitors.

Responsive Images Extension

One of the biggest issues facing responsive design these days has to do with images— since all webpage assets are served regardless of screen size in a responsively designed website, authors are forced to serve higher quality images (for larger screens) at the expense of larger web page sizes. This slows down websites when they load on a small screen device like a mobile phone, even though they don’t need large images.

With our Responsive Images extension, we’ve solved the problem. The extension swaps out larger images for smaller ones where available, since WordPress creates differently sized images for every uploaded image (full size, large, medium and small). It’s an extension that is literally activate and go— yet you can also add CDN capability to serve images based on geo-location for extra speed.

Infinity Cache Extension

Infinity Cache handles both mobile and desktop caching!

It even caches mobile visitors who switch to your desktop theme, ensuring all visitors are served lightning fast page views no matter how they choose to visit your website.

If you already have an existing caching plugin for your desktop website, you can also use it in conjunction with Infinity Cache- your existing plugin will cache desktop pages, and Infinity Cache will handle all the mobile agents set to pass through it to WPtouch Pro.

Unlike so many complex cache solutions available for WordPress, Infinity Cache is simple and straightforward, and does caching right without worry. It truly is a “set it and forget it” type of cache solution.

Available Now

The WPtouch Pro 3.1 update with BraveNewCloud is free to all existing customers, and you can upgrade through the WordPress admin like any other plugin today.

Comments Off

May 6, 2013 – By The BNC Team

Media Release: The Future of Mobile Web Design is Here

FOR IMMEDIATE RELEASE

THE FUTURE OF MOBILE WEB DESIGN IS HERE
BraveNewCode Announces WPtouch Pro 3.0

VANCOUVER, May 6, 2013-Designing highly customized mobile experiences just became a whole lot easier. The latest major release of BraveNewCode’s flagship WordPress plugin – WPtouch Pro 3.0 – is packed with innovative improvements including a selection of tailored mobile themes, an all-new approach to mobile theme development and an advanced and elegant configuration interface.

“WPtouch Pro 3.0 includes a new set of incredible, flexible themes that are aimed at presenting content in ways that fit particular types of sites,” explains BraveNewCode product designer Martin Kuplens-Ewart. “Customers are in for a treat whether they’re running a content-rich news blog or promoting a small business.”

Just like past versions of the plugin, WPtouch Pro 3.0 is extremely easy-to-use; the easiest version yet, according to the BraveNewCode team.

“WPtouch Pro 3.0 is just a pleasure to use. Its branding controls make you smile as you set up your mobile theme and watch it come to life with your colors, logos, menus and content. For example, color controls grab your desktop theme’s color palette so you can easily apply it to your mobile template, ” says co-founder, Dale Mugford.

Developers can set up featured content sliders, web fonts, animations and other complex mobile features with a few lines of code. These features can be implemented with a simple click in some cases.

Mugford adds, “We do the heavy lifting. We get you setup to just create. It’s like a platform, but much more. You do as little or as much customizing as you like, but either way, it’s always a great result.”

WPtouch Pro 3.0 also sports a new configuration interface. The configuration panel has been redesigned to be even more practical and intuitive. Customers will also notice extensive improvements to WPtouch Pro’s customer support services, including a new support site and private ticketing system.

The announcement of WPtouch Pro 3.0 is the next event in BraveNewCode’s practice of setting the standard for mobile optimization of WordPress websites. First introduced in 2008, the free version of the plugin has been downloaded over four million times from the WordPress directory, and it powered one third of the top WordPress websites in 2012.

-30-

Additional media resources including our visuals and video on this same subject can be found here.

Media contact:
Joyce Peralta, Community Specialist, BraveNewCode, 1-877-787-8917, media [at] bravenewcode.com

Read Comment

May 6, 2013 – By The BNC Team

Media Release: Delivering the Best Mobile Experience [VIDEO]

FOR IMMEDIATE RELEASE

DELIVERING THE BEST MOBILE EXPERIENCE
The Creation of WPtouch Pro 3.0 [VIDEO]

VANCOUVER, May 6, 2013-Designing highly customized mobile experiences just became a whole lot easier. The latest major release of BraveNewCode’s flagship WordPress plugin – WPtouch Pro 3.0 – is packed with innovative improvements including a selection of tailored mobile themes, an all-new approach to mobile theme development and an advanced and elegant configuration interface.

“WPtouch Pro 3.0 includes a new set of incredible, flexible themes that are aimed at presenting content in ways that fit particular types of sites,” explains BraveNewCode product designer Martin Kuplens-Ewart. “Customers are in for a treat whether they’re running a content-rich news site or promoting a small business.”

Just like past versions of the plugin, WPtouch Pro 3.0 is extremely easy-to-use; the easiest version yet, according to the BraveNewCode team.

“WPtouch Pro 3.0 is just a pleasure to use. Its branding controls make you smile as you set up your mobile theme and watch it come to life with your colors, logos, menus and content. For example, color controls grab your desktop theme’s color palette so you can easily apply it to your mobile template,” explains co-founder Dale Mugford.

BraveNewCode is a small company doing big things. Since the introduction of WPtouch in 2008, it has been one of the most popular solutions for delivering mobile web content for WordPress websites. It powered one third of the top WordPress sites in 2012 and the free version of the plugin has been downloaded over four million times from the WordPress directory.

Find out more about the BraveNewCode team in this new video featuring co-founders, Dale Mugford and Duane Story, and product designer Martin Kuplens-Ewart. Join the guys as they share their thoughts on the revolutionary technical and design improvements baked into WPtouch Pro.

Find out more about WPtouch Pro 3.0 at www.bravenewcode.com

-30-

Additional press resources including our visuals and video on this same subject can be found here.

Media contact:
Joyce Peralta, Community Specialist, BraveNewCode, 1-877-787-8917, media [at] bravenewcode.com

Read Comments

December 3, 2012 – By The BNC Team

Media Release: Why Responsive Design May Be Wrong For Your Site

MEDIA RELEASE

WHY RESPONSIVE DESIGN MAY BE WRONG FOR YOUR SITE
Responsive Design versus Server-side Mobile Solutions

VANCOUVER—Why do top internet brands like Google, Facebook and Yahoo use server-side solutions to deliver content to multiple devices? One answer, quite simply, is speed. If the average mobile user is only willing to wait a maximum of four seconds for content to load on their devices, it makes no sense to use an approach that may slow down your site’s loading time.

Yet some of the US candidates in this past election (yes, even the US President), the BBC and Time Magazine are choosing to use responsive design for their websites. According to the developers of two of the most popular mobile solutions in the open source community—BraveNewCode and Mobile Joomla!—a better choice for high-traffic, large-volume sites is a server-side solution.

“Responsive design is like going on a warm-weather vacation and bringing your ski wear, winter jacket, and business attire with you just in case,” explains Mobile Joomla’s Founder Ugur Kaner. “With responsive design, all of the content and assets for phones, tablets and desktop computers are delivered— whether the requesting device needs them or not. This means sites become larger and unfortunately deliver slower experiences,” explains Kaner.

“Server-side solutions leverage the benefits of detecting mobile device types like phones and tablets before sending anything,” says BraveNewCode Co-founder Dale Mugford, whose company develops the most popular mobile solution for WordPress called WPtouch. “Instead of trying to modify and deliver large-screen desktop web experiences for small-screen mobile devices, server-side solutions send unique, streamlined experiences tailored specifically for smartphones or tablets. The result is a fast, flexible and dependable mobile-optimized web experience.”

Mobile web pages powered by server-side solutions are up to 500% smaller than their desktop counterparts, and have been shown to load up to 400% faster than web pages not using a server-side mobile solution. Responsive design, on the other hand, is often implemented using only client-side adjustments to web pages, meaning that both desktop computers and mobile devices always download an entire web page, along with its added code for handling formatting on multiple devices and screen sizes.

Server-side mobile solutions can be powered by easy-to-use and user-friendly tools, such as Mobile Joomla! for the Joomla! platform, and BraveNewCode’s WPtouch for the WordPress platform. As an additional benefit, to provide efficient and reliable mobile experiences, site owners who choose these solutions don’t need to invest large amounts of resources in design or maintenance, and can instead focus on content and strategy.

-30-

Go here to view an infographic with supporting statistics.

Additional press resources including our white paper, visuals and a podcast on this same subject can be found here.

Media contact:
Joyce Peralta, Community Specialist, BraveNewCode, joyce [at] bravenewcode.com

Read Comments

Previous Blog Entries