Grid Style Layouts

Design Source

My first mainstream recognition of the grid design was on Pinterest. Social news feeds have always been in a streamlined fashion such as Twitter or Tumblr. Nowadays even many Facebook pages scatter timeline updates to appear like a grid.

This isn’t something you can force into any old website. There needs to be a purpose, the user experience always comes first. In situations using thumbnail images or text updates the grid layout condenses everything into an easy-to-read format. Everything is skimmable yet still coherent and it doesn’t require much space on the page.

Open source JS libraries such as Masonry can do a lot of the hard work for you. Not many websites utilize this feature but the ones that do are often quite pleasant on the eyes.

masonry-jquery-homepage


Mover – Responsive Coming Soon / Under Constraction Premium Template

mover-picture

  • Share/Save/Bookmark

What Is Website, Web Site or Site?

Create a Website

A website, also written Web site, web site, or simply site, is a collection of related web pages containing images, videos or other digital assets. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a Uniform Resource Locator. All publicly accessible websites collectively constitute the World Wide Web.

A web page is a document, typically written in plain text interspersed with formatting instructions of Hypertext Markup Language (HTML, XHTML). A web page may incorporate elements from other websites with suitable markup anchors.

Web pages are accessed and transported with the Hypertext Transfer Protocol (HTTP), which may optionally employ encryption (HTTP Secure, HTTPS) to provide security and privacy for the user of the web page content. The user’s application, often a web browser, renders the page content according to its HTML markup instructions onto a display terminal.

The pages of a website can usually be accessed from a simple Uniform Resource Locator (URL) called the homepage. The URLs of the pages organize them into a hierarchy, although hyper linking between them conveys the reader’s perceived site structure and guides the reader’s navigation of the site.

Some websites require a subscription to access some or all of their content. Examples of subscription websites include many business sites, parts of news websites, academic journal websites, gaming websites, file-sharing websites, message boards, web-based email, social networking websites, websites providing real-time stock market data, and websites providing various other services (e.g. websites offering storing and/or sharing of images, files and so forth).

There are two types of website Static Website & Dynamic Website.

  • Share/Save/Bookmark

How to Create a Blog Site?

Create Your Blog

Nowadays the most effective way to share your thoughts and opinion is to create your own blog.

But how to start your own blog? Fortunately, starting a blog site is an easy task. Most of the blog done with wordpres and blogger.

You do not need to know anything about web development to start blogging: you can create and manage your blog site using some of the free blog tools that are available; some of them are all you need to do is open a hosting account where you can have a blog application installed and activated.

Which is the best? WordPress? Blogger?

WordPress and Blogger are most popular two blogging platforms. I have already used wordpress form my blog. I honestly say that, no reason to consider any of the others blogging tools. I started with hosting default blog option, but when I started learning the flexibility about the WordPress, I switched over in December 2009 and I’m so glad I did.
Blogger is great because it’s tremendous easy to use. However, WordPress has a lot more features and plug-ins that will allow you to enhance your blog.

Remotely Hosted Blog or Self Hosted Blog?

Remotely Hosted:

There are two ways to host a blog. The first way is to remotely host it– which means your content/files literally sit on the server of the blogging platform (WordPress.com, Blogger.com, etc.)

As I mentioned above, there’s always a risk involved with doing it this way because if Blogger or WordPress decide to shut your blog down (for whatever reason), you would lose all your content.

It also doesn’t look as professional to have a blog address like http://yourblogname.blogspot.com or http://yourblogname.wordpress.com. And if you want to make money, first impressions mean a lot.
For the record, I don’t endorse remotely hosted blogs. I think hosting is so cheap these days that it’s worth spending a few extra dollars to own your content and have a real blog address like http://yourblogname.com — especially if you want to make money.

Self Hosted:

With a self hosted blog, all your content sits on the hosting account that you own. Your blog address is more professional and easy to remember because you can have a true domain like http://yourblogname.com.

My blog is a self hosted WordPress blog. What that means is my blog’s content is published to my own domain; my blog address is http://www.devwebwings.com.

Watch the tutorial below to learn how to setup your own blog on your own domain.

  • At first you need to book your domain name. These days the hosting and domain booking is very low cost so you can book your hosting and domain name easily.
  • Now question is where to buy hosting and domain name? Don’t worry it’s very simple, there is several sites those are providing this type of services. Some most popular of them are www.godaddy.com, www.bluehost.com, www.hostgator.com. I always recommended to my all client that you must go with “godaddy” or “bluehost” or “hostgator” if you want good service without interrupt.
  • Now go to any one of above website and purchase linux hosting and domain name as per your blog/site subject are. Finally setup your domain by following instruction in the site.
  • Now you need to log-in into cPanel and create a database. Please note down then database name, database username, database password because it must needed when you going to install wordpress.
  • After database created please browse “File Manager” from cPanel home page and by clicking upload button upload wordpress (.zip file) into the server. After zip file has been uploaded please select the file and “unzip” it. You are done everything from technical side not next step to install site.
  • Finally you need to install the wordpress for your blog front end and back end. You just type you domain name (like www.devwebwings.com) into browser web address and press enter now you will see a installation screen with some instruction, step by step just following these instruction and complete your installation and you are done!!!
  • Now you can browse your blog by typing your domain name into browser address bar and press enter (e.g. www.devwebwings.com). And blog admin address will be like this www.devwebwings.com/wp-admin/ where from you can add/edit/delete post & page content. Change over theme any time.
  • I hope you enjoyed how to create your own blog. If you are feeling uneasy to create your blog website just contact me I will help you to create your own blog
  • Contact : http://www.devwebwings.com/contact/
  • Share/Save/Bookmark

What is Gadget?

Trends

A gadget is a small technological object (such as a device or an appliance) that has a particular function, but is often thought of as a novelty. Gadgets are invariably considered to be more unusually or cleverly designed than normal technological objects at the time of their invention. Gadgets are sometimes also referred to as gizmos.

The origins of the word “gadget” trace back to the 19th century. According to the Oxford English Dictionary, there is anecdotal evidence for the use of “gadget” as a placeholder name for a technical item whose precise name one can’t remember since the 1850s; with Robert Brown’s 1886 book Spunyarn and Spindrift, A sailor boy’s log of a voyage out and home in a China tea-clipper containing the earliest known usage in print. The etymology of the word is disputed.

A widely circulated story holds that the word gadget was “invented” when Gaget, Gauthier & Cie, the company behind the repoussé construction of the Statue of Liberty (1886), made a small-scale version of the monument and named it after their firm; however this contradicts the evidence that the word was already used before in nautical circles, and the fact that it did not become popular, at least in the USA, until after World War I. Other sources cite a derivation from the French gâchette which has been applied to various pieces of a firing mechanism, or the French gagée, a small tool or accessory.

  • Share/Save/Bookmark

What is Blog?

Create Your Blog

A blog (a blend of the term web log) is a type of website or part of a website. Blogs are usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. Blog can also be used as a verb, meaning to maintain or add content to a blog.

Most blogs are interactive, allowing visitors to leave comments and even message each other via widgets on the blogs and it is this interactivity that distinguishes them from other static websites.

Many blogs provide commentary or news on a particular subject; others function as more personal online diaries. A typical blog combines text, images, and links to other blogs, Web pages, and other media related to its topic. The ability of readers to leave comments in an interactive format is an important part of many blogs. Most blogs are primarily textual, although some focus on art (art blog), photographs (photoblog), videos (video blogging or vlogging), music (MP3 blog), and audio (podcasting). Microblogging is another type of blogging, featuring very short posts.

  • Share/Save/Bookmark

Various JavaScript Statements

Development, Java Script

JavaScript is Case Sensitive

Unlike HTML, JavaScript is case sensitive – therefore watch your capitalization closely when you write JavaScript statements, create or call variables, objects and functions.

JavaScript Statements

A JavaScript statement is a command to a browser. The purpose of the command is to tell the browser what to do.

This JavaScript statement tells the browser to write “Hello Dolly” to the web page:
document.write(“Hello Dolly”);

It is normal to add a semicolon at the end of each executable statement. Most people think this is a good programming practice, and most often you will see this in JavaScript examples on the web.
The semicolon is optional (according to the JavaScript standard), and the browser is supposed to interpret the end of the line as the end of the statement. Because of this you will often see examples without the semicolon at the end.

JavaScript Code

JavaScript code (or just JavaScript) is a sequence of JavaScript statements.
Each statement is executed by the browser in the sequence they are written.
This example will write a heading and two paragraphs to a web page:

Example

<script type=”text/javascript”>
document.write(“<h1>This is a heading</h1>”);
document.write(“<p>This is a paragraph.</p>”);
document.write(“<p>This is another paragraph.</p>”);
</script>

JavaScript Blocks

JavaScript statements can be grouped together in blocks.
Blocks start with a left curly bracket {, and end with a right curly bracket }.
The purpose of a block is to make the sequence of statements execute together.
This example will write a heading and two paragraphs to a web page:

Example

<script type=”text/javascript”>{
document.write(“<h1>This is a heading</h1>”);
document.write(“<p>This is a paragraph.</p>”);
document.write(“<p>This is another paragraph.</p>”);}
</script>

It just demonstrates the use of a block. Normally a block is used to group statements together in a function or in a condition (where a group of statements should be executed if a condition is met).

  • Share/Save/Bookmark

Different between JavaScript into <head></head> and into <body></body>

Development, Java Script

JavaScript between <head></head> Tag :

JavaScript between<head></head> tag generally writing as a function & function call from HTML content of the webpage, like this :

Here I have made a JavaScript function “displaydate()” between <head></head> tag and calling this function inside html content. According to function it will display date into “<p id=”demo”></p>”



<html>
<head>
<script type=”text/javascript”>

function displaydate(){

document.getElementById(“demo”).innerHTML=Date();

}

</script>
</head>
<body>

<h1>My First Web Page</h1>

<p id=”demo”></p>
<script type=”text/javascript”>displaydate();</script>
</body>

</html>


Now JavaScript between<body></body> Tag :

JavaScript between <body></body> tag generally writing as a function or inline code, like this :

Here I just wrote a inline JavaScript code to display date” between <body></body> tag. There not need to call any function, when page request date will show on page. According to function it will display code into “<p id=”demo”></p>”
<html>

<head></head>

<body>

<h1>My First Web Page</h1>
<p id=”demo”></p>
<script type=”text/javascript”>document.getElementById(“demo”).innerHTML=Date();</script>
</body>

</html>

  • Share/Save/Bookmark

How to write Javascript into HTML code

Development, Java Script

To insert a JavaScript into an HTML page, use the <script> tag.
Inside the <script> tag use the type attribute to define the scripting language.
The <script> and </script> tells where the JavaScript starts and ends:

<html>
<body>
<h1>My First Web Page</h1>

<p id=”demo”>This is a paragraph.</p>

<script type=”text/javascript”>
… Your JavaScript code Here …
</script>

</body>
</html>

Try this example below (This will display date) :

<html>
<body>
<h1>My First Web Page</h1>

<p id=”demo”>This is a paragraph.</p>

<script type=”text/javascript”>
document.getElementById(“demo”).innerHTML=Date();
</script>

</body>
</html>

Some Browsers do Not Support JavaScript

Browsers that do not support JavaScript, will display JavaScript as page content. To prevent them from doing this, and as a part of the JavaScript standard, the HTML comment tag should be used to “hide” the JavaScript.
Just add an HTML comment tag <!– before the first JavaScript statement, and a –> (end of comment) after the last JavaScript statement.

Example :

<script type=”text/javascript”>
<!–
document.getElementById(“demo”).innerHTML=Date();
//–>
</script>

  • Share/Save/Bookmark