We should set up a permanent redirect (technically called a “301 redirect”) between these sites. Once we do that, we will get full search engine credit for our work on these sites.

301 redirect is useful too for search engines which may think, for example, www.office-it.org and office-it.org are two different sites. Let say, www.office-it.org seems to have 5 inbound links whereas office-it.org has 6 inbound links. By correctly configuring a permanent 301 redirect, the search rankings might improve as all inbound links are correctly counted for the website.

What is 301 redirect?

301 redirect is the best method to preserve our current search engine rankings when redirecting web pages or a web site. The code “301″ is interpreted as “moved permanently”. If we have to change file names or move pages around, it’s the safest option.

Below are a couple of methods to implement URL Redirection.

IIS Redirect
1. In internet services manager, right click on the file or folder we wish to redirect
2. Select the radio titled “a redirection to a URL”
3. Enter the redirection page
4. Check “The exact url entered above” and the “A permanent redirection for this resource”
5. Click on ‘Apply’

ColdFusion Redirect

<.cfheader statuscode="301" statustext="Moved permanently">
<.cfheader name="Location" value="http://www.new-url.com">

PHP Redirect

Warning:  Cannot modify header information - headers already sent by (output started at /home/icreativem/domains/office-it.org/public_html/wp-includes/feed-rss2.php:11) in /home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code on line 29

Warning:  Cannot modify header information - headers already sent by (output started at /home/icreativem/domains/office-it.org/public_html/wp-includes/feed-rss2.php:11) in /home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code on line 30

ASP Redirect

<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www.new-url.com/"
%>

ASP .NET Redirect

JSP (Java) Redirect

<%
response.setStatus(301);
response.setHeader( "Location", "http://www.new-url.com/" );
response.setHeader( "Connection", "close" );
%>

CGI PERL Redirect

$q = new CGI;
print $q->redirect("http://www.new-url.com/");

Ruby on Rails Redirect

def old_action
headers["Status"] = "301 Moved Permanently"
redirect_to "http://www.new-url.com/"
end

Redirect Old domain to New domain (htaccess redirect)

Create a .htaccess file with the below code, it will ensure that all directories and pages of our old domain will get correctly redirected to our new domain. The .htaccess file needs to be placed in the root directory of our old website (i.e the same directory where our index file is placed)

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]

Please REPLACE www.newdomain.com in the above code with our actual domain name.

In addition to the redirect we would suggest that you contact every backlinking site to modify their backlink to point to your new website.

Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled.

Redirect to www (htaccess redirect)

Create a .htaccess file with the below code, it will ensure that all requests coming in to domain.com will get redirected to www.domain.com
The .htaccess file needs to be placed in the root directory of our old website (i.e the same directory where our index file is placed)

Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc]

Please REPLACE domain.com and www.newdomain.com with our actual domain name.

Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled.

Free Tool to Test

Search Engine Friendly Redirect Checker is the free web services to test redirection.

What is OpenID?

OpenID eliminates the need for multiple usernames across different websites, simplifying your online experience.

You get to choose the OpenID Provider that best meets your needs and most importantly that you trust. At the same time, your OpenID can stay with you, no matter which Provider you move to. And best of all, the OpenID technology is not proprietary and is completely free.

For businesses, this means a lower cost of password and account management, while drawing new web traffic. OpenID lowers user frustration by letting users have control of their login.

How do I get an OpenID?

You may already have one. If you use any of the following services, you already have your own OpenID:

AOL – openid.aol.com/screenname

Blogger – username.blogger.com

Flickr – www.flickr.com/photos/username

LiveDoor - profile.livedoor.com/username

LiveJournal – username.livejournal.com

Orange (France Telecom) – http://openid.orange.fr/

SmugMug – username.smugmug.com

Technorati – technorati.com/people/technorati/username

Vox – member.vox.com

Yahoo – http://openid.yahoo.com

WordPress.com – username.wordpress.com

With over a quarter of a billion subscribers, OpenID is now set to go big with its new big-name partners.

If you want to install and set up a dynamic web server with Apache, a lot of applications such as Apache web server, mySQL database, PHP and Perl scripting language, and not to mention important extensions and tools to manage the web server’s applications. It’s not a easy and simple task. But luckily, there is XAMPP from Apache Friends.

XAMPP is a collection of free software applications for installing and using the Apache Web server. There are different combination of applications depending on which XAMPP distributions. Currently there are four type of XAMPP distributions available: XAMPP for Linux (previously known as LAMPP), XAMPP for Windows, XAMPP for Mac OS X, XAMPP for Solaris. Typically, XAMPP is a full featured AMPP (Apache MySQL, PHP, Perl), an Apache distribution that includes the Apache Web server, MySQL database, PHP, Perl, FTP server and phpMyAdmin, with several other important and commonly used extension built-in, such as SSL.

To install and get your web server running, just download XAMPP in your OS flavour, extract it and then just start the web server. The Windows version even comes with a installer version, making life even simpler, making the installation of web server in Windows just a few clicks. You can get all the simple installation instructions at the XAMPP web pages where you download XAMPP. Beside, XAMPP for Windows also offers lite version, where it is the smaller bundle of XAMPP recommendable for a quick work around with PHP and MySQL.

Best of all, XAMPP is free, and so do the package of software applications that come with it.

http://www.apachefriends.org/en/xampp.html.

Here is an amazing flash component for photo album with 3D flipping effect and motion blur. PhotoFLIP can help you to build a 3D photo album easily (full Action Script 3.0 API). The following is the live demo for PhotoFLIP. For more information, you can visit its website – http://www.digicrafts.com.hk/components/

.htaccess Editor enables you to easily create .htaccess files online without having to learn complex .htaccess rules. With the .htaccess editor, you can generate .htaccess code includes:

* Basic authentication – used to specify the security restrictions for the particular directory.
* Custom error pages – redirect visitors to pages that match your site design instead of the standard server error pages.
* Password protection – restrict access to certain directories by requiring a password to view the contents.
* Default pages – set default pages on a directory-by-directory basis.
* Redirect directives – redirect requests for a specific file or directory to a new destination.
* Access restrictions – allowed or denied certain addresses.

Creating .htaccess files has never been easier with .htaccess Editor.

Embeddable maps are available in two sizes, one just like the map to your right, and a smaller version for sites that could use the savings in space. You can build your own by clicking here.

The following is sample map for Office-it.orG.

Other than this, whos.amung.us provide other useful services too.

It’s just so tempting to see if a beautiful website is built with beautiful code as well, or if it’s beauty if only skin-deep. Code? Beautiful? Sure. After all, Code is Art. This is just HTML, so it can’t be quite as intricate and elegant as a dynamic language, but it still bears the brush strokes of it’s creator and there is craftsmanship abound.

It gets me to thinking, what makes beautiful code? In HTML, it really comes down to craftsmanship. It’s all those little things added up that make the whole. Here is a list of just some of the little things that I look for in other’s code and that I try to do myself that make for good craftsmanship in HTML:

• DOCTYPE Properly Declared
  It looks like a lot of gibberish, but DOCTYPES are important. They not only allow your code to validate, but they tell browsers things about how to render your page. Simple <html> tags don’t cut it.
• Tidy Head Section
  Title is set. Character set declared. Stylesheets linked (including a print stylesheet!). Scripts linked and NOT included in full. External files have their own related folders (e.g. “CSS” & “Scripts”)
• Body IDed
  Putting an ID on your body allows you to create CSS properties that are unique to that page. For instance, you may want your <h2> tags to look different on the homepage. In your CSS you can write: #home h2 {} to accomplish this and not affect <h2> tags elsewhere.
• Semantically Clean Menu
  You’ve seen it before, you’ll see it again. There is a reason unordered lists are used for menus. Because it really gives you a lot of control.

  
  
  Home
  About
  Contact
  
  
  

• Main DIV for all Page Content
  Putting all the content of your page into one main “wrap” DIV gives you lots of control right off the bat. There is where you can set the width of your page for a fixed width site or maximums and minimums for a fluid width site.
• Important Content First
  It is best if your most important content, like news and events, can be listed first in the HTML. If your sidebar is just navigation or less important content, it is best if it comes last in the HTML.
• Common Content INCLUDED
  A lot of web content is common from page to page. Think menu bars, sidebars, footers, “boxes”, etc. This kind of content should be dynamically loaded. Either from a database or with simple PHP include statements.
• Code is Tabbed into Sections
  If each section of code is tabbed in once, the structure of the code is much more understandable. Code that is all left-justified is horrific to read and understand.
• Proper Ending Tags
  You started strong, now end strong. Don’t be lazy and exclude closing tags for any element, even if the page renders OK without them.
• Hierarchy of Header Tags
  Use header tags as they were designed, to create titles for sections and signify their position in the content hierarchy.
• Content, Content, Content
  This is where your content belongs, so go nuts. Remember to keep your paragraphs distinct and in <p> tags. Use lists where appropriate. Use codes like © for © symbols. Don’t go overboard with <br /> tags, that’s sloppy formatting.
• No Styling!
  Your HTML should be focused on structure and content, not styling! Keep all of your styling in your CSS, there should be no deprecated tags (e.g <font>) in site.

• Unprecedented Spam Protection
• Maximum Virus Protection
• 5 GB E-Mail Storage Space

All of this, plus the convenience of one web-based solution to manage all your e-mails. 100% free!

http://www.gmx.com/

Switch to GMX and Keep Using Your Other E-Mail Addresses

GMX Mail is flexible and easy to use. Even seemingly complicated tasks like switching e-mail accounts is a breeze. Thanks to the GMX Mail Collector, all messages from your existing accounts will be collected and sorted into separate folders in your GMX mailbox.

What’s more, your e-mails collected by GMX will be inspected by GMX’s professional and spam protection tools.

Send e-mails with your other addresses as the sender (e.g., jane742@gmail.com) while keeping track of every message. Manage all your e-mails with only one platform!

Intuitive User-Friendliness And Adaptability

With GMX Mail, you’re entering a new world of e-mail communications. The user-friendly interface is cross-platform compatible with Windows, Linux and Mac OS/X using Internet Explorer or Firefox.

Manage your e-mails with intuitive Drag & Drop functionality. Simply create a folder, give it a name, and populate it with as many e-mails as you’d like. Easy! And if you’re searching for a specific e-mail, our intelligent search function guarantees that you’ll find what you’re looking for, fast!

E-mails sent via GMX are as dynamic as you are. You can format text, add photos or emoticons, and even create a personalized background. Never before has webmail been so convenient – and fun!

Plus, with Mail Collector service, you can apply the full power of GMX to your other e-mail accounts as well. All for FREE!

Two books recommended here:

(1) Prototype and Scriptaculous in Action

Prototype and Scriptaculous in Action is a comprehensive, practical guide that walks you feature-by-feature through the two libraries. First, you’ll use Scriptaculous to make easy but powerful UI improvements. Then you’ll dig into Prototype’s elegant and sparse syntax. See how a few characters of Prototype code can save a dozen lines of JavaScript. By applying these techniques, you can concentrate on the function and flow of your application instead of the coding details. This book is written for web developers with a working knowledge of JavaScript.

Sample Chapter:
Chapter 8
Sample Chapter 4
Sample Chapter 6

(2) Prototype and script.aculo.us: You never knew JavaScript could do this!

Tired of getting swamped in the nitty-gritty of cross-browser, Web 2.0-grade JavaScript? Get back in the game with Prototype and script.aculo.us, two extremely popular JavaScript libraries, that make it a walk in the park. Be it AJAX, drag and drop, auto-completion, advanced visual effects, or many other great features, all you need is write one or two lines of script that look so good they could almost pass for Ruby code!

Sample Chapter:
Table of Contents
Chapter 7: Form Management
Chapter 8, Section 2: Hitting the Road: Ajax.Request

Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients’ requirements, it is necessary to have some pretty starting points for your font decision.

So which typefaces are “bulletproof”? What fonts can be used effectively in almost every Corporate Design? And what are the options for unique, but still incredibly beautiful typefaces?

We have answers. Over the last few days we’ve browsed through dozens of type foundries, read dozens of designers’ articles about typography, analyzed font rankings and visited bookmarked font-related suggestions. So this post has ‘em all. Well, OK, at least many of them.

Let’s take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Most screenshots are taken from the foundries and provided specimens – particularly on Veer.com and Fontshop.com.

Classic Typefaces

Classics of typography in a brief overview. You will find even more traditional typefaces on the site 100 Best Fonts, including history, development and related information.

1. Helvetica

2. Helvetica Neue

3. Univers

4. Frutiger

5. Avenir

6. Myriad Pro

7. Neuzeit

8. Syntax

9. Proxima Nova

10. Proxima Sans

11. Glasgow

12. Charlotte Sans

13. Precious Sans

14. Gill Sans

15. Lisboa

16. Franklin Gothic

17. Futura

18. EF TV Nord 1

19. FF Scala

20. Rockwell

21. Eurostile

22. Warnock

23. FF DIN

24. FF Meta

25. Officina

26. FF Dax

27. DF Dynasty

28. Akzidenz-Grotesk

29. AG Book

30. Precious Serif

Further Typefaces

The fonts listed below aren’t so well-known. Thus you can use them for unique corporate identity or user interfaces which are supposed to have a “fresh” look.

31. Locator

ProcessTypeFoundry

32. Seravek

ProcessTypeFoundry

33. FF Kievit

Source

34. Ronnia

Typetogether

35. Stella

Feliciano Type Foundry

36. Le Monde Courrier

Le Monde Courrier, € 167.4 for 2 PCs

37. Parisine PTF

Parisine PTF, € 210 for 8 PCs

38. Freight

Source

39. Guardian

Christian Schwartzl

40. Anomoly

41. PMN Caecilia

42. Leitura

Source / DSType

43. The Mix

Source

44. Stalemate

45. Neo Sans

Source

46. Felbridge

Felbridge, £29.00 per font

47. Trade Gothic

48. Karmina

Typetogether

49. FF Milo

Source: Typographica.org

50. Auto

Source

51. Soho

Source

52. Kepler

Source

53. Depot

Chris Dickinson

54. Relato Sans

Source

55. Priva Pro

DSType

56. Relato Serif

Source

57. Alber

Chris Dickinson

58. Palatino Sans & Informal

Source

59. Fedra Sans

Source

60. Olga

Source

61. Depot

Chris Dickinson

62. Priva Pro

DSType

63. Whitman

Source

64. Productus

Source

65. Tempelhof

Günter Schwarzmaier

66. Amira

Source

67. Krart

Source

68. Tang

Source

69. Dederon Sans

Source

70. Samuels Family

(Images: MyFonts Newsletter)

71. Untitled

Source

72. Greta Text

Source

73. FF Sanuk

74. Houschka

75. Scene

Source

76. Amplitude

Source

77. Insider

Characters.nl

78. Preface

79. Flex

Source

80. Halvorsen

Source

81. Xtra Sans

Source

Foretaste for one of our next posts:
The Future of Typography

82. Obliqua (in development)

Source

83. Muestra Urbana (in development)

Source

84. Wingardium

Source

85. Tauran Regular

Source

86. Mello Sans

Source