Hello 👋

I am a Mobile First web developer that explores concepts, designs and ideas that are innovative, unconventional and not based or limited by industry traditions!

Are you aware that globally, 68.1% of all web site visits in 2020 came from mobile devices an increase from 63.3% in 2019. Desktops drove 28.9% of visits, while 3.1% of visitors came from tablets.

My Mobile First web design strategy starts with analyzing the layout and feature requirements of the smallest screen first! It then focuses on identifying and exploiting every possible mobile and wearable web feature and, optimizing web pages for speed.

To familiarize yourself with my Mobile First web design features and objectives, you can either:

1Scroll down the page.

2Click or Tap any of the links in the Table of Contents.

Table of Contents
These Are My Mobile First Web Design Objectives and Features
Exploit Digital Business Card Features
Configure Web Pages To Behave Like A Mobile Web App
Avoid Using JavaScript
Avoid Using Content Management System (CMS) Software
Configure Web Pages To Use Open Graph Protocol
Should You Consider A Mobile First Web Design Strategy?

These Are My Mobile First Web Design Objectives and Features

This "Unconventional" Mobile First web design is not based on or conforming to what is generally done or believed in!

👍Achieve a web page Time to Interactive goal of under 1 second on every web page when using Google's Page Speed Insights performance speed report. Make sure to review both the Mobile and Desktop scores!

👍Exploit the benefits and features of using a Digital Business Card that can be added as an "Add On Feature" to any website so that they are hosted under your own website domain name.

My Digital Business Card being displayed on an iPhone and Apple ⌚ Watch!

👍Avoid using JavaScript and Content Management System (CMS) software because they severely impact how fast the webpages are Interactive!

👍Configuring Web pages to behave like a Mobile Web App allowing mobile users to have ONE TAP ACCESS to my contact information and website content without having to first search the Contacts App or opening a web browser!

A HTML ONLY configuration that makes the Add to Home Screen web browser feature function like a Mobile Web App

👍Configuring web pages to use Open Graph Protocol graphics to drive more Social Media traffic to my website.

👍Provide website visitors the absolute best Mobile User Experience (UX) by using:

1A Single Column web page layout.

2An "Unconventional" Ambidextrous, Thumb Zone Friendly Navigation Menu that provides visitors a consistent website navigation user experience (UX) on any size screen and, can also be used as a Mobile Mega Menu.

Exploit Digital Business Card Features

Do you still use traditional paper business cards?

If you answered yes then, why are you still using a "Business Tool" that can never adapt, compete and exploit Digital Technology?

For hundreds of years, paper business card have represented your company's brand. When you exchange a traditional paper business card, you are not providing just your personal contact information such as name, title, address, email and phone number and website name. You are providing the first exposure to the overall image of the business!

What is a Digital Business Card?

A Digital Business Card is a small web page that contains the same information as traditional paper Business Cards. There are no space constraints and you can add as much or as little information to your digital card as you like.

Instead of exchanging a traditional paper Business Card, use your Smartphone Messages App to share the Digital Business Card that can be viewed on any size screen!


Benefits and Features

👍When you use a Digital Business Card, you are projecting a different image and message to prospective clients that is different from your competition!

👍How much do you spend on an annual basis for traditional paper business cards? You are eliminating or reducing business operating expenses associated with ordering traditional paper Business Cards for you and your staff.

👍You are always ready to share your Digital Business Card with a potential client even if you do not have your Smartphone with you! Anyone can share your Digital Business Card with friends, neighbors, and their business associates!

👍The Digital Business Card can use either a "Traditional Business Logo" or your picture which has a "Social Media" look for Apple Touch Icons.

👍It can be added as an "Add On Feature" to any website so that they are hosted under your own website domain name.

👍The How to Guide links provide prospective clients detail instructions on how to exploit different Digital Business Card features.

👍When mobile visitors create a "Bookmark" of the Digital Business Card web page by exploiting the Add to Home Screen web browser feature, the web page will function like a Mobile Web App and users now have ONE TAP ACCESS to my contact information and web content without having to search the Contacts App or opening a web browser!


Apple Watch Features

Apple Watch Series 3, 4, 5, 6 and SE models are the only devices that support limited viewing of web content on your wrist!


When a person that wears an Apple Watch receives a text message with a link to my Digital Business Card, they have the option to:

TAP the link to display the Digital Business Card on the small screen of an Apple ⌚ Watch.

My Digital Business Card displayed on the small screen of an Apple ⌚ Watch

TAP the phone number link to initiate a phone call.

TAP the Address Link to obtain driving, transit, or walking directions.

Avoid Using JavaScript

JavaScript is the most expensive resource used when loading a web page!

The web browser has to perform the following actions for every JavaScript code that is used on your web page and this severely impacts a web page Time to Interactive!

1Download the code over the network (Cellular or Internet)

2Parse the code

3Compile the code

4Execute the code

All Smartphones do not have the same CPU processing power to execute all Javascript requests!

You are going to be very surprised when you compare the Android and IOS GeekBench 5 Single Core CPU scores that process all Javascript requests.

SmartphoneSingle Core Score
iPhone 12 Pro Max1571
Galaxy S21 5G985
iPhone 8 Plus914
Galaxy Note20 Ultra 5G888
Galaxy Z Fold2 5G888

Encourage you to watch a video by Addy Osmani titled The Cost of JavaScript.

There are valid reasons for using JavaScript however, AVOID USING IT when the functionality needed can be implemented by using other web technologies!

My website does not use any JavaScript! All Animations are done using CSS3.

Avoid Using Content Management System (CMS) Software

1JavaScript is used extensively in all Content Management System (CMS) Software and this severely impacts a web page Time to Interactive!

Page Loading Speed by CMS
Drupal
Magento
Wordpress
JavaScript Bytes by CMS
Drupal
Magento
Wordpress

2Websites that use CMS software are common hacking targets!

3Learn which organizations are encouraging you not to use the WordPress Content Management System software.

This website does not use any Content Management System (CMS) Software!

👍Over the last 20 plus years, my website has been redesigned over a dozen times and has never been hacked!

Want to find out if your website uses Content Management System (CMS) software?

Visit www.whatcms.org and enter your website domain name!

Configure Web Pages To Behave Like A Mobile Web App

👍This HTML ONLY CONFIGURATION allows mobile visitors ONE TAP ACCESS to my contact information and website content without having to search the Contacts App or opening a web browser.

Reference the Safari Web Content Guide for Configuring Web Applications and:

1Configure a "Webpage Icon for Web Clip" meta tag on every web page.

2Configure a "Launch Icon Title" meta tag on every web page

3Change the webpage Title to match the "Launch Icon Title" because Android smartphones do not use the apple-mobile-web-app-title meta tag.

Configure Web Pages To Use Open Graph Protocol

Open Graph Protocol has been around since 2010 and it tells social media sites like Facebook, Twitter, Pinterest, LinkedIn and Text Messaging Apps what information to display when anyone receives a link to your web page! Most businesses already have a Social Media Presence however, the vast majority of web developers fail to configure each web page with Open Graph Protocol Metadata Properties to drive more Social Media traffic.

You have no control how your visitors share links to your website on Social Media sites! You can test your web pages to find out if they are configured for Open Graph Protocol.

Should You Consider A Mobile First Web Design?

Raul Gonzalez

I have been a web developer for over 20 years, and have tried may different web design methodologies and software. In my opinion, the Mobile First web design strategy is the best option for the foreseeable future and other experts feel the same way. Read other expert opinions on this topic.

If you have a website and would like a FREE DETAIL ANALYSIS of your website or need help implementing some of the features that I use, feel free to contact me.

Would love to hear your comments, opinions and thoughts on this topic!

Top of Page