What Goes Into Making a Website Mobile?
Ever try watching a 3-D, IMAX movie on your phone? Of course you haven’t. IMAX movies are shot to fit a certain format. Same with 3-D. It’s like trying to stuff a pig in a thimble. A whole, 200-pound hog in an itsy-bitsy thumb-protector.
The theory holds true with a website, too. It may look perfect in a variety of different browsers on that 19-inch screen in your office. However when it goes through the shrink-ray on your iPhone, Smart Phone or tablet, things can change. A lot.
So much so that a new user to your site that’s trying to see the stuff you have to sell or the services you can provide in a mobile environment will just say “Feh!” and move-on to a place that’s ready to be used when viewed in mini-mode.
How Local Surge Media Handles the Translation
Until manufacturers buckle down and accept a common standard, trust us, it could be easier. Mobile websites don’t have to be that much of a crap-shoot. We try to avoid these traps as we bake your Internet presence into an “on the fly” thing. We’ll try to explain the terms as we go along:
Those different fonts that some designers use may not be able to be “interpreted” by a cell phone. The user will end-up with a bunch of chicken scratchings rather the text you hope they’d be able to read.
- Getting too absolute with various parts of a particular page.
For instance, as designers, we write in that weird language called HTML which your mobile device uses to uncode the funky computerese which is at the heart of every page. When it comes to pictures we can either tell the code that we want it an exact size or a percentage. Our money goes on the percentage. That way the image is automatically resized to fit your screen. No matter the device.
And what are tables? Not to get all technical but a table is a smattering of code that lets the designer create columns and rows on a web page. Think of it this way: You have a hard copy of your local newspaper. On every page there are imaginary boxes that separate one article from another. Make sense? You’ll see the same things used by websites. LSM tries to avoid these as much as possible. Sometimes it’s necessary. If it is, we embed code on your web pages that automagically tell the device to change mode to a mobile setting.
- Even more tables.
These are called nested tables. They’re tables within a table. Even some desktops go bananas when trying to understand these guys. You can only imagine what they will do to something that fits in the palm of your hand.
- Dump the Frames.
These are kinda like nested tables. A tad different, but we don’t want to burden you with too much “inside baseball.” Instead, let’s take this approach. LSM doesn’t like to use frames under most circumstances because the various search engines may screw-up what their spiders read on your web site. You want users, yah? Lots of folks come across your dot-whatever because of Google, Yahoo, Yelp and other places that ferret-out the millions-upon-millions places on the ‘net.
- Forget the Flash.
You’ve seen this stuff before. These are small animations that a designer will plug into a page on a website. Back in the day, we used to call this “dancing baloney.” Hate to break it to you. Practically every wireless phone can’t figure-out how to read Flash. Not only that, creating a morsel of Flash isn’t easy. Takes lots of time. Abandon Flash.
Laptops and desktop computers are able to store these dealies called cookies. They are not sweet, tasty treats that go well with milk. Cookies in this case are a small text file that is captured by your computer. Kind of like the old teevee show “Cheers,” where everybody knows your name. This issue is that nearly all mobile devices don’t eat cookies.
There are other practices we employ at Local Surge Media to make your individually designed website work, no matter how a client is accessing it. As the kids say, “we keep the fun in functional.” Well, maybe some cornball nerd back in the ’50’s used to mutter that phrase.
Original Source: https://www.localsurgemedia.com/web-design-1/what-goes-into-making-a-website-mobile