What You Should Know About RWD

Mobile, Responsive Web Design, User Experience, Web Design

What You Should Know About RWD

March 16th, 2013 by Matt Haff

What is Responsive Web Design?

… an evolutionary milestone in the development of web and interaction design as a practice and as an industry.

Jeffery Zeldman

“[The web] should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.”

Tim Berners-Lee

“If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else. Web design is responsive design, Responsive Web Design is web design, done right.”

Andy Clarke

Doing It Right

  • Accessibility
  • Web Standards
  • User Interaction
  • Meet the user where they are – mobile or stationary
  • Allow for consumption of content
  • Keep in mind there is no silver bullet

What To Tell Your Boss

  • SEO – Google has specifically said that responsive design “is Google’s recommended configuration.”
  • Easier to Maintain – you only write content once and it is published across every platform, not to mention it’s future friendly
  • Content Consumption – make it easier for the customer to get to the content that they’re looking for.

Design With The User In Mind

Reading Experience

  • What is the user trying to accomplish?
  • Content should fit the screen
  • Change the navigation to make it easier for the user
  • Don’t strip content, the same information should be accessible across all devices, just change how they access it

“Mobile users will do anything & everything that desktop users will do provided it’s presented in a usable way. Assuming people on mobile “won’t do that” is a losing proposition. Don’t penalize users with missing content & features just because they aren’t on a full screen.”

Brad Frost

“Design is thinking about content and how to put it together. you need to focus on the whole. layout does not equal design.”

Luke Wrobleski

User Experience

  • Is what you’re doing common practice or do different devices have different user experiences?
  • Attention to details – size of links for touch
  • Is it necessary? Everything should have a purpose.
  • What is “above the fold” on different devices.
  • Cursor vs. Touch – some blackberries still use cursors.


  • Commonly accepted main navigation is a slide-down menu
  • Must be accessible, intuitive, common practice
  • Does it work on the smallest screen?
  • Don’t make it so long that a user is forced to scroll.

The Way It Was Meant To Be

  • RWD = WDDR
  • HTML & CSS has always been responsive.
  • UX is about meeting the needs of the user.
  • Creating websites that adjust to different screens and devices is just the beginning.


Stay Hungry My Friends!

Presentation Slides: What You Should Know About RWD

What do you think?


Web Design

Get your desired wordpress skin with psd to wordpress conversion

February 10th, 2013 by Anelie Ivanova

WordPress is now becoming a trend for bloggers and whenever there is a new trend hitting the online market, developers and community partners look to develop it more artistically and blend it with more relevant features. Same way, Word-press developers have found a way to think more than what a readymade theme can offer you. PSD to Word-press conversion services provided by some of the web development companies is now attracting many word press users to switch to their owned desired theme.

Word-press is not limited to blogging now but it is now extensively used to develop web applications and web sites. This has encouraged some developers to start with psd to wordpress conversion. With the readymade themes, design of the sites gets limited as you cannot change the position of the panels. You can use widgets to maximum but it won’t give you full satisfaction. Using psd means you will have the full authority to design the pages and get all the desired functions like search, login, link at their appropriate locations.

Conversion to word press is processed by first preparing the HTML of psd file. Therefore you can then test the w3c validation of the pages to minimize the errors on the page. This will boost SEO campaign of your website. Another advantage would be the testing of the HTML files on different browsers to check the compatibility which is called as cross browser compatibility check. It will be easier to test the HTML files rather than testing the developed theme. Same way we can also test compatibility on the mobile browsers to check the compatibility.

Converting a HTML to Word-press theme needs only basic information about PHP and you can use word press default page php to create your own theme. PHP codes used in word-press default theme have got codes for managing the sidebars and other panels used on the front end. You can use these codes in your HTML at the specified location of the sidebars and panels. Off course, the codes will need some tweaks and modification and for that purpose it is highly recommended to hire wordpress developer to get your desired theme developed. This can take more time as compared to installing a readymade theme but the time consumed in developing the theme will result in satisfactory and matching theme as per your desires.

You will find many wordpress development companies and freelancers who are now providing this service. Hiring a wordpress developer will be a wise decision if you are thinking to develop your imagined theme.  Design specific requirement of theme can only be fulfilled with first designing the psd of the theme and then converting it into wordpress theme which will be compatible with all browsers, mobile browsers, will have widgets placed at your desired positions and optimized to boost your search engine ranking.

What do you think?

4 Blogging Tips to Make Your Blog Even Better

Blogging, Marketing

4 Blogging Tips to Make Your Blog Even Better

January 23rd, 2013 by Rick Warner

It was a long time coming, but you finally started your blog. You set up your Web hosting services, bought your domain name, chose a design and started publishing all your thoughts and advice. Blogging seems to be going well, and gradually you see your blog start to grow by promoting it on social networking and bookmarking sites, developing relationships with other bloggers and using proper SEO practices. Besides posting your original, premium content and following your do’s and don’t’s blogging checklist, keep in mind that growth is a never-ending process.

For your blog to reach its fullest potential, ask yourself the following questions:

Is It Mobile-Friendly?

Not everyone reading your blog will be able to experience its beautiful desktop display, which is why it needs to be mobile friendly. Mashable.com recommends converting your website into a mobile-friendly platform by using a Web hosting provider such as bMobilized. With bMobilized, your site can quickly go mobile with the click of a button. You’ll register, customize its design and make updates via a dashboard. You can also manage your site with a “responsive Web design,” which provides a better experience for mobile device users. Entrepreneur.com recommends the Web hosting service Squarespace for providing your website with “responsive design” capabilities.

Do You Send E-newsletters?

Sending digital newsletters to your readers increases, improves communication and helps create a more intimate relationship with your readers. Adopt the newsletter distribution program Email Direct for direct email marketing solutions and campaigns. It’s a tool that provides deliverability, reporting, tracking and feedback. For improved email efficiency and readership feedback, you can integrate international address validation at QAS. Address verification will help ensure that email addresses are accurate, which doesn’t drain your resources and time. You can also gather solid data about your demographic and audience.

Is It Pinnable?

If your blog is image-driven, make sure it’s pinnable, which means visitors can pin images to the social networking site Pinterest. Pinned images, videos and graphics will help drive traffic to your blog and broaden its online presence. Make your website Pinterest-friendly by following PinTalkRadio.com’s steps:

  • Ensure that your blog is attractive and visually appealing
  • Install a “Pin This” button on your website so that visitors are motivated to pin your content and can easily pin your image to their board
  • Place pinnable content on your blog’s page and not its background
  • Save content as “an image or a separate file”
  • Include keywords in your descriptions for optimization purposes
  • Install Pinterest plugins such as the Pinterest RSS plugin, “Pin It” button to images and WordPress galleries, and Pinterest “follow” button (must create interesting Pinterest boards)

Do You Offer Contests or Giveaways?

Offering promotional sweepstakes, online contests and giveaways keeps your readers engaged in your content. People like discounts and free things — free food, free tickets, free clothes, free products. Promote incentives and perks on your blog and social networking sites and in newsletters. Hosting contests will build your brand awareness, visibility on the Internet and increase your reader retention rates. If your blog is an extension of your business, a sweepstakes will help increase sales leads and consumer interest.

What do you think?

« Previous Entries

© 2013 Church & Web Design | All Rights Reserved