Responsive Web Design


Responsive Web Design


One of the most appealing aspects of responsive web design is that a responsive website can provide a great user-experience across many devices and screen sizes. This is an important characteristic for any website, since it is impossible to anticipate all the devices and screen sizes searchers will use to access your site. A site that works well regardless of these variables will provide a better and more consistent user-experience than a separate mobile website that is designed for a specific device and screen size.

Let’s take the following example. Someone searches for a product on their smartphone during a lunch break at work. They find a site that has the product they’re looking for, and decide to continue researching this product on the same website when they get home. Except, when they get home, they will use their desktop instead of their smartphone.



If the website in this example is responsive web design, this person will have a positive user-experience when transitioning from mobile to desktop because they will view the same site on their desktop as they did on their smartphone. On the other hand, if the site is a dedicated mobile site, this person could become frustrated with the fact that they have to locate the desktop version of the website, and find the product all over again.







 459design

Using Photoshop


Using Photoshop


Like a brush is to a painter an essential skill in the field of graphic design is Photoshop. 

The software offers increased productivity as well as flexibility. The features include aspects like file browser, vanishing point tool, smart sharpen filter, noise reduction filter, smart objects, as well as camera workflow enhancements. Photoshop offers professional photo editing features, digital imaging, as well as non destructive editing. There are so many hidden features and insights to software, that it is often impossible to know them all. 

1. There is a hidden option using which you can simulate bold and italic formatting styles for fonts that do not have these options. Click the button on the type tool option to bring up the character palette. 

Then select text and click the arrow in the upper right hand corner of the palette menu where faux bold and italics are present. However you will not be able to warp type when formatting has been applied. 

2. One can quickly flip through blend modes while trying out effects by using the keys "shift+ to change to next mode and shift- to go to the previous mode." When a painting tool is active this shortcut will change the blend mode of the painting tool. However, if anything is highlighted then the shortcut will not work. You will have press esc and then use the shortcut keys again.

3. The photomerge feature can be used to seamlessly combine multiple images to create a panorama. 

This feature can be accessed from the Automate menu. You can even refine the composition using tools like rotate, zoom, pan, and set vanishing point.

4. When re-sampling images one can use either Bicubic Smoother or Bicubic Sharper. You can use Bi-cubic smoother for up sampling and Bicubic sharper for down sampling. You can actually specify which interpolation method is to be used by going to general preferences and setting a default. 

5. There are two features for printing. You can use contact sheet II or picture package. 
Use contact sheet when you want all images in the same size and you want to print the name below the image. 
Use printer package when you want different image sizes on the same page, or multiple copies of the same image, or a text overlay.

6. If you want to remove a glare on the eyeglasses of an image you should use a part of the lens that does not have a glare and use it to layer the lens with a glare. Use tools like rotate and skew and soft-tip eraser to soften the edges. Ensure the glare does not show through from below. Or, do some careful work using the clone tool.

7. The online services enable you to connect to online photo printing and sharing sites.

8. The Web Photo gallery can generate hyperlink pages that can be uploaded to a server. 

9. The Picture Package option will help you prepare photos in layout with multiple size prints on one page.

10. You will never forget how you achieved a certain result because the History Log will detail every step taken by you as well as time-tracking, and a legal record. There are three choices wherein, you can create a sessions only record where, it will record only when Photoshop is opened or closed; or a concise record which will record each action including the text that appears in the history palette; or the complete editing history including the text that appears in the actions palette.

 Adobe Photoshop is a dream tool for every designer and one can over time master every subtlety of the tool and crop, rotate, resize, create shapes, add layers, change text, and play with colours. It is a hands on software where the more you use it the more you will learn.
By: Paul Wilson








 459design

Recommended By Google



As Recommended By Google



With 67 percent search market share, when Google speaks, search marketers listen. Google states that responsive web design is its recommended mobile configuration, and even goes so far as to refer to responsive web design as the industry best practice.

This is because responsive design sites have one URL and the same HTML, regardless of device, which makes it easier and more efficient for Google to crawl, index, and organise content. Contrast this with a separate mobile site which has a different URL and different HTML than its desktop counterpart, requiring Google to crawl and index multiple versions of the same site.


Additionally, Google prefers responsive web design because content that lives on one website and one URL is much easier for users to share, interact with, and link to than content that lives on a separate mobile site.

Take for example a mobile user who shares content from a mobile site with a friend on Facebook who then accesses that content using a desktop, which results in that user viewing a stripped down mobile site on their desktop. This creates a less than optimal user-experience, and because of the large emphasis Google is now placing on user-experience as a ranking factor, this is essential to take into account with regards to SEO.




 459design