Web Design Miami :: Mobile Friendly Web 3.0 Development

Seven Responsive Web Design Checkers That Aren’t

Web 3.0 Design Miami Florida — Wed, 10 Oct 2012 13:33:20 +0000

Yesterday on Twitter I outed seven Responsive Web Design Checkers that don’t really test #RWD:

http://ipadpeek.com/
http://juicecreative.co.uk/juicer/
http://mattkersley.com/responsive/
http://quirktools.com/screenfly/
http://responsive.is/baloney.com
http://theblogchecker.com/tbc-responsive/
http://www.responsinator.com/

Shortly thereafter the dig me paper.li of a webdev wannabe named Simon Manning picked up my links but not my comments, leaving the impression I was praising rather than panning the posers who put them forward. This will correct young Simon’s error:

What most of the seven checkers above basically do is render your web page source in “iFrames” with widths set to match the screen resolutions of popular tablet and mobile devices such as the slave-produced Apple iPad and iPhone. That might show you how your media queries, fluid grids and flexible images render within a given iframe in a given browser of a given version, but that is not the same as showing you how your web pages will render on actual iOS, Android or other mobile devices. Why? Because…

iFrames are not iPhones!

#RWD testers that ignore things like device and capability detection via user agent strings and DDRs (device description repositories) give you virtual but not reality. We have website templates with fixed headers on standard browsers but not on tablet or mobile. None of the checkers above reflected that. We have web pages where the title text for standard and mobile browsers is not the same. None of these checkers reflected that. We have blogs which show the same content in different themes for standard versus smartphone browsers. None of these checkers reflected that. We have URLs which redirect not-so-smart phones from web page content they can’t handle to smaller W3C mobileOK pages they can. And none of these checkers reflected that, either.

I could go on, but do I need to?

Forget these charlatan checkers. If truly responsive web design is what you seek, then mobile friendly web 3.0 front-end development is what you need. If you want broad accessibility like this, your web page source will have to pass meaningful validations like these.

###

Click here for updated version

Globalization = Internationalization + Localization + Translation (GILT)

Web 3.0 Design Miami Florida — Sun, 26 Aug 2012 17:53:58 +0000

VER EN ESPAÑOL ❏

GLOBALIZATION = INTERNATIONALIZATION + LOCALIZATION + TRANSLATION (GILT)

Globalization (G11n)

Preparing web content for an international or multicultural marketplace. Globalization – abbreviated as G11n – covers anything that must be done differently in web development or design to optimize global success. Globalization activities include internationalization, localization and translation.

Learn more…

Internationalization (I18n)

Creating web content that is locale-independent. All locale-dependent content must be separate from the core website template. Internationalization – abbreviated as I18n – refers to source and scripting changes made to assure that the website can be localized and presented in a familiar but consistent format.

Learn more…

Localization (L10n)

Adapting web content for a particular region or culture. Localization – abbreviated as L10n – includes translation along with making adjustments to the cultural specifications of the target audience, including but not limited to number/time/date/currency formats as well as symbols and icons.

Learn more…

Translation (T9n)

Interpreting source language content and restating it as target language content. Translation – abbreviated as T9n – must comprehend the meaning of the source content and communicate the same meaning – or as closely as possible thereto – in the target language.

Learn more…

Web Design Miami | Diseño Web Miami

Web 3.0 Design Miami Florida — Sat, 25 Aug 2012 19:28:12 +0000

VER EN ESPAÑOL ❏

“Web design Miami” – as we define that term – means search-friendly, mobile-friendly multilingual Semantic Web 3.0 website design and front-end web development. To learn more about what that can mean for you, give us a call at 786-838-0851.

Spanglish Web Design: W3C Internationalization & Polyglot Markup

Web 3.0 Design Miami Florida — Sat, 18 Aug 2012 16:52:09 +0000

para ayuda en español llame al 305-517-3851

VER EN ESPAÑOL ❏

The Royal Spanish Academy (in Spanish: Real Academia Española or RAE) is the organization responsible for regulating the Spanish language. In July 2012, the RAE announced that the word espanglish (in English: Spanglish) will be included in the next edition of their dictionary scheduled for publication in 2014. The definition accompanying it translates as:

“A form of speech used by some Hispanic groups in the United States in which they mix deformed elements of vocabulary and grammar from both Spanish and English.”

With Borinqueños, Chicanos, Cubanos, Latinos, Mexicanos, other Hispanics and Spanglish-speaking peoples accounting for 20% or more of the U.S. population-and of course a much higher percentage in areas like Southern California, Texas and South Florida-many may find the REA’s definition of espanglés to be as misleading as it is late in coming. Most of us who live and work in multicultural areas like Greater Miami, for example, learn to appreciate the richness of mixed-language communications and respect that incorporating them into your business operations and marketing resources is always a competitive advantage and often a practical necessity.

Spanglish web design for websites and blogs requires more than colorfully interwoven combinations of bilingual Spanish/English text. For high search visibility and broad accessibility, the underlying source and scripting must render HTML and CSS that complies with W3C internationalization standards, guidelines and conventions for polyglot markup (XML/HTML) and multilingual content.

Mobile Friendly Web Development Miami

Web 3.0 Design Miami Florida — Fri, 29 Jun 2012 15:52:48 +0000

VER EN ESPAÑOL ❏

Native Mobile Apps development is a solution if the product, service or concept you are promoting is dependent on that native platform or just for its users. But what if you want your marketing message to reach as many people as possible?

The answer – in Miami and elsewhere – is mobile friendly web development:

Native apps are software APPlications developed exclusively for one of these smartphone operating systems, listed by their 2011 market share (not total user base): Android (Google) 56.1%, iOS (Apple) 22.9%, Symbian (Nokia) 8.6%, Blackberry (RIM) 6.9%, Windows Mobile/Phone (Microsoft) 1.9%, Other 3.6%. Here’s a notable quote:

“The difference between the capabilities of Web-based and native mobile apps is narrowing rapidly. Before embarking on a mobile app you need to know the facts… Rapid advances in HTML5, the new more mobile friendly version of the Web language, and the hard work by the standards body World Wide Web Consortium (W3C) to create standard interfaces across mobile devices mean that Web apps can – or will be able to – do many of the things that native apps can do… Web apps will take on a larger mind share among both publishers and consumers, as hardware complexity grows and the desire for immediacy increasingly dominates modern media consumption behavior.”

Source: http://tinyurl.com/87cdyky

A question this might raise for some is “If Mobile Web Apps cost less to develop and reach more people than Native Apps, then why is there so much ‘buzz’ about iPhone Apps and Android Apps?”

The answer is: Because ‘buzz’ is all it is.

Apple wants businesses investing in iPhone development because those businesses and their customers then become “locked in” to Apple iOS devices, the sales of which allow Apple to maintain a capitalization that rivals ExxonMobil and a cash balance higher than that of the United States government. Their corporate Android device rivals want businesses investing in Android development to lock in their customers as well. And if you believe their buzz, you’ll be advancing their privatization and Balkanization of the Open Web and getting no payback for your collaboration. But it’s your call to make:

Native App development? Or Mobile Web development?

We hope you’ll call us!

What is Semantic Web 3.0 Design & Front End Development?

Web 3.0 Design Miami Florida — Sat, 21 Apr 2012 13:30:42 +0000

VER EN ESPAÑOL ❏

By the time they contact us, most people already know we are Miami web developers and designers. And when they ask about our focus or specialty, we often reply with “Semantic Web 3.0 design and front-end development”. Conceding that phrase is easier said than understood, allow us to parse it for you:

Semantic Web is often misused in the media and abused by marketeers. It’s not just a sophisticated way to say SEO (search engine optimization), and it shouldn’t be used as SAAS-y technohype by software vendors. The same can be said for its synonym “Web 3.0″. Both “Semantic Web” and “Web 3.0″ refer to the Semantic Web Initiative of the W3C (World Wide Web Consortium). They define the term as follows:

“The Semantic Web provides a common framework that allows data to be shared and reused across application, enterprise, and community boundaries. It is a collaborative effort led by W3C with participation from a large number of researchers and industrial partners. It is based on the Resource Description Framework (RDF)…”

http://www.w3.org/2001/sw/

In a nutshell, Web 3.0 is about two things: (1) Common standards and formats for the integration and combination of data drawn from diverse sources; and (2) A language for recording how data relates to real world objects that allows either a person or a machine to start off in one context, and then move through many other contexts connected simply by relevance. Along with the Mobile Web it is “What’s Next”, and we have identified seven tests of Web 3.0 Readiness that web pages must pass if they want to enjoy the benefits of being part of it:

http://web3.0designmiami.com/w3c_standards_compliance_validation.php

Semantic Web 3.0 design is a conflation that refers to the creation of “Web 3.0 Ready” websites and web pages. The formal process by which that is accomplished is called client-side development, front-end web development, or simply front-end development. The knowledge base and skill set required of Web 3.0 front-end developers encompass content (XHTML/HTML5), format (CSS/CSS3), behavior (Unobtrusive Javascript/jQuery/AJAX), accessibility (WAI/WCAG/Section 508, Mobile Web), semantics (XSLT), syndication (RSS) and links.

Bring it all together again, and there you have it:

Semantic Web 3.0 design and front-end development!

What can we develop for you?

Of Top Miami Web Developers One Dominates “Mobile Friendly” Ratings

Web 3.0 Design Miami Florida — Thu, 29 Mar 2012 15:11:04 +0000

VER EN ESPAÑOL ❏

Google Mobile is accessible at “m.google.com” from any smartphone or not-so-smart phone with Web access, including the 4 billion or so “flip phones” in use that have built-in microbrowsers. Choose “Search” and submit a query from there, and the results returned may be quite different from what you’d see running the same search from a regular desktop or notebook computer browser. There is generally less ad clutter, and next to some listings you may see a badge of distinction that does not appear in full web browser results: the Google “mobile friendly” green phone icon.

Think about that for a moment… If you run a search from your mobile phone and Google designates certain listings as “mobile friendly” and others not, which would you be most likely to choose?

Successful web marketing mandates high visibility and broad accessibility, and the Google “mobile friendly” designation contributes greatly to both. But as is the case with pervasive search positioning, that invaluable distinction cannot be purchased from Google. Instead, it is acquired by developing HTML/CSS source and page content in conformity with W3C standards and Mobile Web conventions. In short, it must be earned for you by your web design firm.

If your web designer’s own website is not mobile friendly, should you count on them to deliver that distinction for you?

On 29 March 2012, a Google Mobile search on the term “mobile web design miami” reflected that of the Top 10 results returned, Google awarded their mobile-friendly green phone icon to 5 pages representing 3 websites: Web3.0DesignMiami.com, and our affiliate sites PervasivePersuasion.com and WebReDesignMiami.com. Many of our web development clients in Greater Miami, South Florida and around the world also share that designation. FiltrationAnalysisFilters.com is one of them:

Would you like to join us?

Mobile Web Development Offers Greater ROI Than Apple iPhone Apps

Web 3.0 Design Miami Florida — Fri, 23 Mar 2012 15:30:34 +0000

Q: iPhone App, Android App or Mobile Web App?
A: Accessibility: iPhone Apps: 5% | All Native Mobile Apps combined: 25% | W3CmobileOK Mobile Web Apps: 90%

VER EN ESPAÑOL ❏

In GeekSpeak, “app” is the cool, short way to say “computer software application”. And in recent years, our web-wired technomarketeers have spared no expense in making “app” a household word. Especially when it comes to “mobile apps” for smartphones–i.e. cell phones with enough computing power to support their own operating system–perhaps most notable among them being Apple “iPhone Apps”. Remove the branding and built-in device restrictions from an iPhone App, however, and it’s just another mobile app. And disregard the fact that its computing platform also makes phone calls, and a mobile app is just another “web app”.

That’s oversimplifying things a bit, but not by much: Despite all the hoopla, a recent Nielsen survey showed that less than 10% (26% of 37%) of U.S. mobile users have access to iPhone apps. And although smartphones are on the increase, over 60% of the U.S. mobile market still uses cell phones that aren’t “smart” enough to support device-specific smartphone apps of any kind. Mobile internet usage continues to rise, however, and Microsoft Tag projects it will exceed desktop internet usage by 2014.

So what’s the smart play for marketing to the Mobile Web? Is an iPhone App really cool if only 1 in 10 of your customers can experience the coolness?

We think not. Our approach to Mobile Web marketing is to extend your Web 3.0 presence so that your message is accessible to all web surfers regardless of their computing device or communications capability–wired or wireless, desktop or tablet computer, smartphone or not. Yes, it may be true that as of 2011 only 27% of the world’s 4 billion cell phones qualify as “smart”. But microbrowsers from pioneers like Openwave have been providing cellphone users with access to the World Wide Web since 1997. Furthermore, many mobile browsers have supported W3C mobileOK XHTML and CSS since 2006. And with the advent of HTML5/CSS3, and a new generation of cross-platform smartphone browsers like Opera Mobile, the question of whether to invest in expensive apps restricted to users of a single branded device when a cross-platform m-commerce alternative like our mCartSB™ mobile commerce mini-cart mashup would make it accessible for all answers itself. As Matos Kapetanakis stated:

“Mobile Web is fast becoming the de-facto cross-platform choice for developers, especially now that [Flash is] waning. In addition, there is a veritable host of HTML-to-native development tools that are helping HTML/JavaScript developers target smartphone native app markets.”

For a free, no-obligation Mobile Web development consultation, call Mobile Web designer Bruce Arnold at 786-838-0851.

Mobile Friendly Web Development Miami Fl :: JoachimDePosada.com

Web 3.0 Design Miami Florida — Tue, 20 Mar 2012 19:16:52 +0000

VER EN ESPAÑOL ❏

Joachim de Posada, CSP (Motivational Speaker | Keynote/Hispanic/Latino/Bilingual | Inspirational Author): An inspirational professional keynote speaker, bilingual in English and Spanish, and author of many best-selling books like Don’t Eat the Marshmallow … Yet.

Designed with Web 3.0 results in mind by Miami web developer Bruce Arnold, Joachim de Posada’s vibrant, enlightening and mobile-friendly website passes all seven tests of readiness for semantic front-end web development Miami and Web 3.0 design, including WCAG/Section 508 standards compliant and W3C-validated HTML5, CSS3 and Unobtrusive Javascript. Its PHP/MySQL rendered design consequently enjoys high visibility and accessibility across a broad range of PC, Mac, iPad and other tablet computer browsers. A companion W3C mobileOK mobile website enables access via iPhones, Android phones or any other mobile phones with microbrowsers.

Miami Web Design Firm Shares Seven Numbers for Mobile Web Marketers

Web 3.0 Design Miami Florida — Sat, 10 Mar 2012 11:51:37 +0000

Four more ways to view this video: Vimeo | FLV | MP4 | OGG

VER EN ESPAÑOL ❏

According to MobiThinking.com, there are currently 5.3 billion mobile phones in use worldwide. 90% of them have Internet access, and 25% are “smartphones” with enough computing capacity to run their own operating system. Surprisingly for some, however, less than 5% are Apple iPhones. This means that despite all the buzz, iPhone Apps are accessible by only 1 in 20 mobile consumers, and only 1 in 4 can access smartphone mobile apps of any kind. Smartphone or not, on the other hand, “W3C mobileOK” pages and apps are accessible by 9 out of 10 mobile consumers.

As Miami web design firm developer Bruce Arnold observed, “Big companies with big budgets can afford to spend big bucks developing redundant mobile apps for Android OS, Apple OS, Blackberry OS, HP Web OS and so on. But why should they? The principal beneficiaries of platform-specific mobile apps development – which tend to lock users into the platform vendors’ offerings – are the programmers and producers of the operating systems and devices they run on. Using XHTML/CSS or HTML5/CSS3 and standard web development tools like PHP coupled with a cross-platform mobile DDR (device description repository), most if not all of their functionality can be delivered by a single browser-based Mobile Web app. And if it is coded in compliance with the W3C’s ‘keep it simple, keep it small’ mobileOK standards, that single Mobile Web page or app will work not only on all smart phones but also on the vast majority of cell phones that aren’t so smart. That means businesses won’t have to ask customers to buy SmartPhone A or SmartPhone B if they want access to Sales Portal X or Tracking Resource Y. It also means reaching a much larger market for a much lower cost.”