User Experience Designer (UX Designers)

The most common or default interpretation of User Experience, of anything that we expect another will experience while using an interactive system This requires a focus on human behaviors, psychology and understanding why people do what they do. combine their research and design skills together to understand the user needs and produce concepts/solutions/designs that people want to use.  Most UX Designers can tell you what it should do and why it should do it, but can’t actually build something that works.The main tenets of User Experience Design is simply incorporating user feedback in to the design evolution process.

focus on the structure and layout of content, navigation and how users interact with them. The types of deliverable s they produce include site-maps, user flows, prototypes and wire-frames, which are more focused on the underlying structure and purpose of the software.  The visual appearance does impact on these, but can be created as a separate layer that is applied over the top.

 

User Interface Developer (UI Developers)

  fill the middle ground by combining both design sensibilities and technical skills together. They are skilled at making something both look good and function in a browser/device at the same time. They have the production skills to be able to produce visual designs in Photoshop and then turn them in to HTML code that deals with the wonders of browser compatibilities.  This requires in-depth understanding of how browser rendering engines behave to be able to implement a design for the web that renders correctly and get all those pesky pixels to line up perfectly.

focus on the way the functionality is displayed and the fine detail of how users interact with the interface. They produce the visual comps and functioning front-end code.

Infinite Scroll Automatically append the next page of posts to your page when a user scrolls to the bottom. The concept of loading the next content continuously as the users scrolling down the page. So long as there is still content available scrolling will keep showing the next line of content. You can find this kind of experience implemented in Facebook, LinkedIn , twitter.

WordPress Plugin Installation
Download the plugin. http://wordpress.org/plugins/infinite-scroll/
1- Install it to your /wp-content/plugins/ directory
2- Activate the plugin in your WordPress Admin UI.
3- Visit the Settings / Infinite Scroll page to set up the css selectors.

infinite-scroll screenshot 1

IT is  very easy to create a responsive navigation menu that will automatically turn into dropdown list for small  screens by  bootstrap.

 

 

 

 

Responsive navigation menu using twitter bootstrap

 


1. Download bootstrap files
2. Create an html file and place the ‘bootstrap’ folder from the download in the same location as this html file. will  need ‘bootstrap.css’,’bootstrap.responsive.css’ and ‘bootstrap.js’  from the download.
3. Put  below code in the html file you created.

 

<!DOCTYPE html>
<html>
<head>
 <title>Responsive Menu </title>
<!-- Mobile viewport optimized -->
  <meta name="viewport" content="width=device-width">
<!-- CSS -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />   
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script src="bootstrap/js/bootstrap.js" type="text/javascript"></script>

</head>
<body>
<div class="container-fluid">
<header>
<h2>Responsive Navigation  Bootstrap</h2>
<br/>
<div class="row-fluid">
<div class="navbar navbar-inverse">
  <div class="navbar-inner">
    <div class="container-fluid">
  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
  </a>
  <div class="nav-collapse collapse">
  <ul class="nav">
   <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
   <li><a href="#">Features</a></li>
   <li><a href="">Pricing</a></li>
   <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products<b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li><a href="#">Latest Products</a></li>
    <li><a href="#">Popular Products</a></li>
    </ul>
   </li>          
   <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Membership<b class="caret"></b></a>
    <ul class="dropdown-menu">
      <li><a href="#">Personal Membership</a></li>
      <li><a href="#">Premium Membership</a></li>
    </ul>
   </li>
   <li><a href="#">Offers</a></li>
   <li><a href="#">Gallery</a></li>
   <li><a href="#">About Us</a></li>
   <li><a href="#">Contact</a></li>
   <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    </ul>
   </li>
        </ul>
    </div>
    </div>
  </div>
</div>

</div>
</header>
<div>
</body>
</html>

 

BusinessKeeping a blog up to date is one of the most important aspects of blogging. This is so important because regular blog visitors expect new postings on a regular basis. Not all visitors expect to see a new post as often as once a day but most blog readers expect the content on the blog to be updated on a regular basis. In most cases visitors expect new content on at least a weekly basis. However, depending on the subject matter the visitors may expect updates on a basis which is either more frequent. Similarly visitors may not be interested in receiving this type of information more than a few times a year. Blog owners should be aware of the frequency of which readers expect new posts and should make an effort to oblige the readers with updates this often. This article will discuss methods for keeping a blog up to date including scheduling a regular time to post blogs, using publishing tools wisely and hiring guest bloggers when necessary.

Finding Time to Post Daily

 One way to help to ensure a blog remains up to date is to schedule time to post blogs on a daily basis. This is especially important when blog readers expect new posts on a daily basis or at least several times per week. Bloggers who allot a specific block of time each day to researching, writing and publishing blogs are more likely to have a blog which is up to date than bloggers who plan on accomplishing tasks when they find time to do so. There may still be days in which the blogger is unable to publish a new post on the blog but these days will be less frequent than if the blogger does not have a block of time strictly dedicated to keeping the blog up to date.

On days in which the blog is unable to devote time to blogging, the blogger may wish to at least publish a short message explaining why it was not possible to post a new blog entry. This will let readers know you are aware of their desire to read more information but are simply unable to publish a new blog post. As long as this does not become a regular occurrence, blog visitors are not likely to stop viewing a blog simply because the blogger skips a day or two.

Taking Advantage of Publishing Tools

 Some blog publishing tools enable bloggers to write blog posts ahead of time and specify when each post should be published. This is an excellent feature for bloggers who want to publish new posts daily but are unable to dedicate time each day to writing blog posts. This way the blogger can dedicate a block of time each week to write blog posts and have the posts published throughout the week. This is often an easier method for many bloggers because they are able to be more efficient this way.

Hiring Guest Bloggers

 Bloggers may also want to consider hiring guest bloggers to assist them in keeping a blog up to date. This can be a worthwhile method for bloggers who are not only having difficulty keeping their blog up to date but are also interested in providing readers with a little variety. However, blog owners who opt for this message of keeping their blog up to date should carefully consider how the dedicated blog readers will react to this change. This is important because some readers may not be interested in reading blogs written by a guest blogger. Therefore the use of a guest blogger can actually be more detrimental to the blog than not updating the blog regularly. Bloggers can gauge reader reaction to the use of guest bloggers in a couple of different ways. The simplest and most straight forward method is to poll the readers about the use of guest bloggers. This can be done by asking readers to comment on the issue and tabulating the comments received. Another method to gauge reader reaction is to introduce a guest blogger and compare the traffic the guest blogger receives to the traffic the blog owner receives.

wordpressBootstrap

In this tutorial, we will learn how to make our own responsive WordPress theme using Bootstrap.  Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme.

You don’t have to have built a theme from scratch before to successfully follow along.  However, we do assume that you are comfortable doing things like adding and editing posts in the admin area or installing plugins.

The theme we will build is based on the Basic marketing site example you can find over on the Bootstrap examples page. For this demo we will build out templates for the following pages and functionality:

  • Custom homepage design
  • About page
  • Contact page
  • News section with comments
  • A widgetized sidebar

Getting Started

Before we get started there are a few things you will need to do:

  • Install WordPress
  • Download and Unzip Bootstrap
  • Install the Theme Test Drive plugin*

* You only need this plugin if you will be building the theme using a live site and don’t want people to see the new theme while you are developing it.

Read more: http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial