Web crawlers. Googlebot.

A Web Crawler is a computer program that automatically browses the World Wide Web in a methodical way. Web Crawlers is also called ant, bot, worm or Web spider. The process of scanning the WWW is called Web crawling or spidering.

What Web Crawlers do?

Web Crawling is used by Search engines to provide up-to-date data to the users. What Web Crawlers essentially do is to create a copy of all the visited pages for later processing by a Search Engine. The search engine will then index the downloaded pages in order to provide fast searches.

Web Crawlers are also used for automating tasks on websites such as checking links or validating HTML code.

A Web crawler usually starts with a list of URLs to visit (called the seeds). As the crawler visits these URLs, it identifies all the hyperlinks in the page and adds them to the list of URLs to visit (crawl frontier). URLs from the frontier are then recursively visited according to a set of policies.

Here is a picture that I did to show you the architecture of a Web Crawler:

Web Crawler architecture

Web Crawler architecture

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: browsersoftwaretutorialWeb
 

CSS Cheat Sheet.

A CSS cheat sheet is a very useful instrument for coders since it’s a simple one-page reference sheet, listing all CSS selectors (as of CSS 2.1) and properties. It also includes a visual example of the box model and unit reference for CSS units:

CSS cheat sheet by AddedBytes.com

CSS cheat sheet by AddedBytes.com

The CSS cheat sheet features at least the following sections: Selectors, Pseudo-Selectors and Pseudo-Classes, Sizes and Colours, Positioning, Dimensions, Color/Background, Text, Fonts, Boxes, Tables, Paging, Interfaces.

Many thanks to AddedBytes.com for this!

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: CSStutorialWeb
 

Syntax Highlighter Wordpress Plugin is a Wordpress syntax highlighter plugin.
For Example, using this plugin some CSS code in your blog post would show like this:

p.margin
{
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
}

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: plugintutorialWebWordpress
 

How to get TextPad to highlight keywords? A Syntax definition file (as the log.syn.zip attached) contains the information TextPad uses to highlight keywords in different colors:

Textpad - highlight keywords with syntax definition

Textpad - highlight keywords with syntax definition

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: keywordtextpadtutorial
 

Positioning CSS elements.

In this section I will explain how to position CSS elements.

CSS positioning
(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: boxCSSpositioningtutorial
 

CSS Margin Collapsing

Maybe many guys out there, when they start to learn how to use CSS, don’t know that when two or more vertical margins meet in a layout, they collaps to form a single margin. Which will be the height of this margin? simple.. the larger of the two margins.

This is true only for block boxes, in the normal flow of the document (not for inline, floated, absoluted positioned boxes..).

This is the case for example of two elements vertically aligned:

Margin collapsing tutorial

The result will be the following:

Margin collapsed

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: boxCSSmarginstutorial
 

CSS BOX Model.

One of the most important thing to understand about CSS is the Box Model. The Box Model how elements are displayed. Every element that we use in the page is considered to be a rectangular box. The properties for this box are as follow: content, padding, border and margin.

You can understand how this element interact from the following visual representation:

CSS BOX Model

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: bordersboxCSSmarginspaddingtutorial