Posts

Showing posts from January, 2013

Stop designing for screen width, design for content

Image
320, 768 and 1024. Do these numbers mean anything to you? No, it’s not the Da Vinci code, they are the widths in pixels that many designers associate with mobile, tablet and desktop screen widths. The problem I have with this is that my mobile isn’t 320 pixels wide, my tablet isn’t 768 pixels wide and my desktop screen certainly isn’t 1024 pixels wide. There are hundreds of different screen sizes out there on a variety of different devices and yet we still think of responsive web design as 320, 768 and 1024. What happens to all those screen sizes in between? I have seen many sites that use these three breakpoints for their designs and simply create 3 static layouts that centre within the nearest width. This is better than having an old fashioned, static, desktop only site as they are at least serving a one column, simplified version for mobile and a touch friendly version for tablet but then why would you alienate all other screen sizes by not taking them into co...

SEO for the mobile web

Image
With the explosive expansion in the use of tablet computers and smartphones for web searches, why are so many SEO experts unable to look beyond desktop development? Is it because developers do not feel the need to duplicate their efforts, or does the answer lie in the clients’ and employers’ unwillingness to swallow the extra expense? If more users are searching for businesses while on the go (e.g. local restaurants, car insurance claims, auto towing services, etc.) through their smartphones, don’t we need a recommended practice for attracting them? Actually, there already is one… How search engines work For most major search engines (Google, Bing and Yahoo!), the process of cataloging pages for their database consists of three parts: the web crawler, which follows links and sends HTTP queries to millions of sites around the world; the indexer, which stores all of the relevant content in its database; the query processor, which evaluates a user query and compares i...

What responsive design is not

Image
Every year the world of web design gets a new catch phrase that trends on just about every discussion platform there is. Some time ago, responsive web design was a blip on the radar that picked up a massive amount of steam recently. We all know why responsive web design is so important, with the influx of mobile devices designers need some way to present their sites so that it looks as good to a person on their smartphone as it does while sitting in front of a 27-inch monitor. Responsive design is just that, the technology that keeps things standard across multiple viewing formats. As more and more designers turn to responsive design we start to see, and hear, more about what it is and what it can do for us; but what about the things that responsive design is not? Wonkavision A misconception is that the fluid grid of responsive design will display things as an exact replica across devices with varying screen real estate. This is just impossible. To fit everythin...

How to Choose the Colors for Your Website

Image
You may not realize it, but the color scheme that you choose for your website is one of the most important decisions you will have to make. Color is important because it effects not only your mind, but your body as well. Studies have shown that the color red can stimulate your senses, and even raise your blood pressure. Casinos have been known to use red neon lights because it's been said that people gamble more while under the glow of a red light. On the other hand, blue tends to have the opposite effect; It's been shown to calm the mind, and relax the body. The Psychology of Color For hundreds of years, scientists have studied the theory of color, and its effects on the human mind and body. Over time, studies have repeatedly shown that there are "standard" emotions, feeling, or meanings associated with almost every color. Keep in mind these associations are not definite. Past experiences, culture, and more can change how a person reacts to a certa...

Tips for Balancing a Digital Freelance Lifestyle

Image
The freelance life is one of difficult struggles with a lot of learning. But it also allows for a unique sense of balance where you have majority control over your time management. This can be a curse or a blessing depending on how responsible you are. In this post I want to share a few tips for keeping yourself in balance. Freelance work is unlike the commonplace 9-5 office jobs everybody seems to have. You can set your own hours, do work as you please and still setup some play time. Keeping yourself in-check is the best way to mold a successful freelancer’s lifestyle. Prioritize Everything When it comes to business you need to have an action plan. Maybe you don’t need to worry so much about priorities around the house. But as a freelancer it’s imperative that you take down some form of priorities. A small to-do list, tasks, or even a calendar system. Having something physical or digital to quickly glance over gives a stronger sense to the work. You know the priori...

Tips To Avoid Great Responsive Web Design Problems

Image
Responsive web designs have been around since the last two years. However, designers have been facing numerous challenges especially when it comes to developing framework for the code, script and developing a process of managing the responsive web designs. Avoiding the responsive web designs problems is possible and a range of solutions are available for the same. Below are listed some of the tips that help you avoid problems associated with responsive web designs. 1) Demonstration of power of responsive design The best way of explaining responsive design is to demonstrate the same to clients and tell them on the ways it is going to help them. The best way to convey any working concept is to demonstrate it in action mode. Carry your laptop or notebook to the client meeting. Perhaps you can demonstrate some other responsive web design you have build. This will help the client develop a better understanding of your ideas and will streamline things much in advance for you, ...

8 Key Tips for Building Successful Website

Image
1. Content (Useful, informative, free, and easy to understand) If you offer well written, original, easy to understand information, spiced up with good imagery, the chances of getting quality links, social media exposure and high spots in SERPs are bigger. The whole point of the Internet is finding useful, relevant, free information. Everything is about information. If you’re able to convey it in a manner that stands out from the crowd you’re automatically step ahead from the others in the pool. 2. Basic SEO I vouch for the fact that you don’t have to be a SEO expert to rank your site high on Google search. Just several things to remember here: include meta title tags, optimal and natural usage of keywords, provide good link bait article titles, simple navigation through out the site, proper usage of H1, H2 and H3 tags, include sitemap, use Google Webmaster Tools and Google Analytics to gain insight on what works and what’s not, use robots.txt file, proper pe...