Photoshop Manipulation


, , , , ,

Adobe Photoshop is one of the best Photo Editing and Manipulation software. With the help of various photo editing tools, photo editing becomes easier and fun.

Altering a photo or transforming a photo using various methods and techniques to get a desired result is called Photoshop Manipulation. It is widely used in many business solutions like Web Designing, Web Marketing, e-Commerce, Pre Wedding photoshoot etc.

Here are some examples of Photoshop Manipulation.

Note: All the images are from

And here is result after using Photoshop for Manipulation:

Beauty and Beast1

Here are some more example:


Lost in Nature


About Author:



The Simplest Ways to Make the Best of Responsive Web Design


, , , , , , , , , ,

Responsive web design makes your web page look good in all the devices e.g.  laptop, tablets, iPad, and mobile devices. It is very important for the web page to be accessible and readable on all screens to reach to the target market.

Responsive web design means developing web page using CSS and HTML to resize, hide, shrink and/or move the content to present the page in a better way that it looks good on any screen.

Responsive web design - desktop

Desktop version

Responsive web design - tablet or iPad

iPad/tablet version

Responsive web design - mobile

Mobile version

We can see the same web page in different screens in above images. In this web page, the main focus is to present the news and move/resize the other sections, links, advertisements etc. which depends on the space available after putting the main content.

The sample code:

CSS for media - respnsive web design

Click to enlarge

This is an effective way to call CSS file depending on the size of the screen.

Please comment or email to learn more or to get sample code.

Ref :

About Author:


CSS – Cascading Style Sheet


, , , , , , , , , ,

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

There’s a difference between HTML and CSS.

HTML  – What to show on a web page

CSS – How to show the content

Three ways to apply css to html element:

  • Inline – An inline style loses many of the advantages of a style sheet (by mixing content with presentation). To use inline styles, add the style attribute to the relevant tag. The style attribute can contain any CSS property.

<p style=”color:blue;text-align: center;”>This is a paragraph.</p>

  • Internal – An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section of an HTML page, inside the <style> tag, like this:


Output in Browser :

CSS example preview

  • External – An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing just one file. Each page must include a link to the style sheet with the <link> tag. The <link> tag goes inside the head section:


<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>

An external style sheet can be written in any text editor. The file should not contain any html tags. The style sheet file must be saved with a .css extension.

body {

background-color: rgb(96,96,96);
h1 {
color: #229797;
margin-left: 30px;

Ref :



, , , , , , ,

Language-Integrated Query is a set of features those are introduced in Visual Studio 2008. It extends query capabilities of languages C# and VB for both windows and web applications.

In this post, I will explain one of its powerful and important components of .Net framework 3.5 LINQ to SQL. It allows modeling a relational database using .NET classes i.e. it provides run-time infrastructure for managing relational database as objects. We can use LINQ to access the SQL database. We can query (insert/update/delete) the database.

Here we will take Northwnd.mdf as a sample database to show how it works.

Step 1: Create connection to the database.

  • Choose Server Explorer from the View
  • Right click on the Database Connections and choose Add Connection.
  • Browse and select copy of mdf.
  • Test Connection to see successful connection.
  • OK.
Add connection to databse

Add connection to databse

It will look like:

LINQ to SQL database

LINQ to SQL database

Step 2: Add New Item -> LINQ to SQL Classes from Visual Studio installed templets and name it. Here we are keeping the default name.

Add LINQ to SQL class

Add LINQ to SQL class

Step 3: Drag and drop the tables in DataClasses1.dbml. We have selected Customer table.

Add table to DataClass DataContext

Add table to DataClass DataContext

You can delete some of the fields from the Customers table.

DataClass DataContext view

DataClass DataContext view

Important notes:

  • When you dragged the Customer table onto the designer an Object Relational Mapping (ORM) was created between the Customer table in the database and a Customer class generated by the SQL Designer and placed in DataClasses1.designer.cs. This object is called an entity class and it allows you to access the data and fields of the Customer tables as if they were an object in your project.
  • A second class, referred to as a DataContext, was also created in DataClasses1.designer.cs. You can use this class to automatically connect to your database and to easily access the data and fields in the Customer table.
  • A file called config was added to your project. It contains an automatically generated connection string for your database.

Now, you can query on Customer table in your .cs file in Visual Studio editor.

var query = from c in db.Customers

where c.City == “London”

select c.ContactName;

Here variable query contains all the Customers who lives in City “London”. You can display them as follows:

foreach (var q in query) {




What is HTML?


, , ,

HTML stands for Hyper Text Markup Language.

This language is for describing web documents/pages.

Any markup language is a set of markup tags. For HTML documents, they are known as HTML tags. These tags are keyword that describes the document content.

<tag> content </tag>

Most of the tags are in pair. First tag is called start tag and second is called end tag. Difference is that end tag name is followed by /.





Html document is divided into two sections – Head and Body.

Html is the root element for any html document.

Other important tags are:

<a>  –  insert a hyperlink

<div>  –  defines a section

<h1> to <h6>  –  predefined HTML heading

<img>  –  to insert an image

<table>  –  insert a table

<tr>  –  insert a raw in the table

<td>  –  insert a cell in a table

<th>  –  header cell in table

Source: W3Schools