Connect with us

Tech News

Brief overview of responsive web design, how to test any site

Responsive web design emphasizes the use of mobile browsers, disintermediating the idea that consumers must download third party apps to use a site in a mobile environment.

Published

on

Responsive web design

If you’ve been considering overhauling your company’s website, or if you’ve been to a tech conference in the last year, you’ve heard the phrase “responsive web design,” and if you’ve read other blogs, many have claimed they are “responsive” which does not mean it talks to the user, has a chat function, or allows for better communication.

No, responsive web design (RWD) implies that a web site is written with a particular coding language that (in layman’s terms) allows for a site to adapt to the device on which the site is being viewed, resizing automatically and altering navigation to suit the device rather than develop a third party app that users have to waste time downloading and forgetting to use.

The coding language lives by the theory that mobile devices come first and since mobile browsers are so limited in what they can do, design should center around that idea first, given the rise of mobile devices. When sites are not developed with W3C CSS3 (RWD), mobile browsers degrade the experience, can be slow to load, and users have to pinch the screen and pan around to zoom in and out to use the site which is not ideal, so RWD reshuffles the site automatically, knowing the size of that browser screen and making for a better browsing experience and not requiring users to download an app.

How to test any site for responsiveness

You’ve heard recently that so and so site is “responsive” and you go view it on your iPhone and get annoyed that you still have to zoom in and out, scroll all over the place, and your mobile experience is still heavy and slow.

Enter “The Responsinator” wherein you enter any URL and it will show you exactly how any website will present itself on the most common devices (iPhones, Androids, Kindle, iPad). If each size has a different layout (as pictured above), it is automatic because it is responsive, but if you see the corner of a website, it is not responsive (as pictured below). Responsinator can also help site owners and developers to see on which devices a site does not look or function properly.

Responsive web design is not yet common, and is not a coding language understood by all developers, so as a business professional, it is unrealistic to expect your designer to whip up a responsive site overnight. The biggest implication of RWD is the doing away with requiring people to download apps for a smooth experience, when they could simply experience a mobile site in their regular browser. Responsinator helps you test any site for responsiveness, especially your own, and while some industries will struggle with responsiveness because of the complex nature of what must be displayed on a site (calculators, retail search, real estate IDX), consumers will ultimately demand a more seamless mobile experience, and responsive web design is the beginning of answering that demand.

Here are some sites to test on The Responsinator to give you a feel for the difference responsiveness makes to the mobile experience (special note: RWD is very, very new, so just because a site is not yet responsive is not a reflection of the quality of the site or the company running it):

Marti Trewe reports on business and technology news, chasing his passion for helping entrepreneurs and small businesses to stay well informed in the fast paced 140-character world. Marti rarely sleeps and thrives on reader news tips, especially about startups and big moves in leadership.

Continue Reading
Advertisement
2 Comments

2 Comments

  1. Justin Avery

    March 24, 2012 at 7:00 pm

    A nice overview of the responsinator.

    There are a few other tools which achieve similar functions, some a with less options but others with customisable options.

    Regardless of these knd of tools available I you are going to go down the responsive path you need to test on the devices themselves. There is no substitute for the real thing when it comes to the interactive tests (is this button big enough, is the target click link large enough for a thumb, does my colors/images look good on the device etc)

  2. Pingback: Take a page from MTV: reevaluate your web design - AGBeat

Leave a Reply

Your email address will not be published. Required fields are marked *

Tech News

A look into why AI couldn’t save the world from COVID-19

(TECH NEWS) AI is only as powerful and intelligent as the teams building it, but we just don’t have the data yet. So perhaps, we just aren’t there quite yet.

Published

on

COVID-19 AI

Even in the best of times, the human race can hardly be defined by our patience in the face of uncertainty. COVID-19 has rocked our feelings of safety and security. Hospitals have struggled to keep up with demand for care, and researchers are working tirelessly to create a vaccine. Early on in the fight against this virus, some looked to artificial intelligence technology to lead the pack in finding a solution to the global health crisis, but science takes time and AI is no different.

Over two months ago, when COVID-19 was still most prevalent in China, researchers were already attempting to use AI to fight the virus’ spread. As Wired reports, researchers in Wuhan, China attempted to screen for COVID-19 by programming an AI to analyze chest CTs of patients with pneumonia.

The AI would then decipher if the patient’s pneumonia stemmed from COVID-19 or something less insidious. This plan failed for the same reason many pursuits do – a lack of time and data to pull it off.

The United Nations and the World Health Organization examined the lung CT tool, but it was deemed unfit for widespread use. The lung CT tool, and all other AI driven projects, are limited by the humans designing and operating them.

We have struggled to collect and synthesize data in relation to COVID-19, and as a result tools, like the lung CT scans, cannot hope to succeed. AI is only as powerful and intelligent as the teams building it, so perhaps, we just aren’t there quite yet. Our tenacity and optimism continue to drive AI forward, but progress can only be sped up so much.

Like all science, AI has its limitations, and we cannot expect it to be a miracle cure for all our problems. It requires data, experimentation, and testing just like any other scientific pursuit. There are many problems to unlock before AI can be a leader in the driving force for positive change, but its shortcomings do not outweigh its potential. AI couldn’t save us from COVID-19, but as researchers continue to learn from this global event, AI may still save us in the future.

Continue Reading

Tech News

Chrome can now group and color code your open tabs

(TECH NEWS) Do you have too many tabs, and can’t tell what’s what? Google has tab groups that make it easier to find what you’re looking for.

Published

on

google tabs group

Are you a tab collector? That’s Google’s name for people who have tabs upon tabs upon tabs open on their Google Chrome browser. And while third party apps are already available to help collectors manage tabs, Google is now stepping in with Tab Groups.

Tab Groups, try it here, allows users to color-code, group and add text or emoji labels to separate clusters of tabs in their browser.

Right-click on any tab and choose Add to New Group. A gray dot will appear to the left of the tab and outline it in the same color. Clicking on the dot lets users update the color, label and name the group. Once grouped together, the tab groups can be moved and reordered. They’re also saved when Chrome is closed and reopened.

Google said after testing Tab Groups for months, they noticed people usually arranged their tabs by topic and that appeared most common when people shopped or were working on a project.
“Others have been grouping their tabs by how urgent they are, “ASAP,” “this week” and “later.” Similarly, tab groups can help keep track of your progress on certain tasks: “haven’t started,” “in progress,” “need to follow up” and “completed.”

Of course, this new feature does nothing to dissuade users from opening too many tabs, despite research that says multitasking may change the structure of your brain and Chrome is notorious for using too much RAM. So now you can’t concentrate, and your computer is running hot and slowing down.

A solution? Use Chrome extensions such as The Great Suspender, which suspends tabs that have been inactive for a specific amount of time. Don’t worry, you can whitelist specific websites so if you always need a tab for Twitter open, it won’t be suspended.

Another tip is to focus on one task at a time using the Pomodoro Technique, breaking tasks and your workday into 25-minute bursts of productivity with five-minute breaks in between. FocusMe uses a timer and website blocker to reduce the risk of getting distracted. You’re on the internet, after all.

Continue Reading

Tech News

Quarantine bod got you down? AI trainer Artifit lifts you up

(TECH NEWS) If staying home has caused some unfortunate weight gain, Artifit can help you keep your home body fit during and way after quarantine is over.

Published

on

Artifit website

Mandatory lockdown’s have changed people’s routine’s in every conceivable way. From the way we work and cook to how we exercise. Home workout routines have been a hot topic in the last couple of months. People are trying to find a way to retain some sense of normalcy and maintain their healthy lifestyles We’ve all heard jokes about the so called “Quarantine 15” online and maybe you’ve even made a disparaging comment or two about your weight since gyms closed.

To be clear, there is nothing wrong with a little weight gain the face of a global pandemic. The world is changing, your life is changing, and times are scary. Be gentle with yourself and those around you.

If you are looking for a way to get regular workouts back into your life and YouTube videos just aren’t cutting it, there is a high-tech solution. Artifit is an AI personal trainer designed to make your solo workouts safer and more effective. The app acts as your personal trainer by creating your workout plans, tracking progress, and providing posture corrections.

The app uses your phone’s camera to track your reps and spot errors in form while providing real time audio feedback. According to the app creators, [Artifit] recognizes 20 major joints movements via mobile camera, and we are constantly working on adding new joints and improving the algorithm.”

Beyond the workouts, Artifit taps into your competitive side by providing you with a score at the end of each work out that you can then share with friends. The app measures and analyze your progress over time and uses this data to create a workout plan that is best suited for you.

There are a ton of reasons you might be looking for a tech-driven approach to your workout routine. Most of us already rely on technology to track out movement in one way or another – think about the Health app on your phone or your Fitbit. Working out from home isn’t for everyone, but some are thriving under a more flexible schedule and want to keep it that way.

If you are not sure when you’re going to feel comfortable going to the gym again or you no longer want to fuss over scheduling appointments with a personal trainer, this could be the app for you. Artifit can help you keep your homebody tendencies intact way after quarantine is over.

Continue Reading
Advertisement

Our Great Partners

The
American Genius
news neatly in your inbox

Subscribe to our mailing list for news sent straight to your email inbox.

Emerging Stories

Get The American Genius
neatly in your inbox

Subscribe to get business and tech updates, breaking stories, and more!