Campfire is a great group chat application and we totally agree with us. But lets say we want to quick setup a team, chat and dispose off that chat…there isn’t a great solution out there…till now. Introducing, Tlk2me – a simple, easy to use, group chat application. Its fast (almost close to machine language), very simple and easy to use, and most of all – its very disposable.

Lets say your friend has created a chat room and you want to join them. Type in your nick name and type the room your friend has created and start yapping away. If you want to discuss quickly on any important projects, simply create a hard to remember room name like “skjcKNSKJJw1392920″.

Thats quite hard to guess and no one would dare join your room name until you spread the word. Last 100 chat messages of that particular room will always be available for late comers who want to know what was going on before they joined in. Its all web-based so you don’t need to worry about download and installing any software. We are planning to encrypt the chats so they are always passed over HTTPS (secure) connection.

It auto links youtube videos so you can play videos right within the chat window. We also have various emotions available for you to use. There are no sign ups, no logins, just simply type your name and start chatting. Let us know what you think.

There are lots of ways to achieve this through many different languages but people are generally aware of doing it through .Htaccess file alone. Today, I am going to show you how to achieve this result through many different ways. If you want to do it in simplest of forms, then please go to our post about Bulletproof Way to Redirect Traffic from Old to New Domain.

IIS Redirect

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

ColdFusion Redirect

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

PHP Redirect

<?
Header( "HTTP/1.1 301 Moved Permanently" ); 
Header( "Location: http://www.new-url.com" ); 
?> 
									

ASP Redirect

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

ASP.Net Redirect

<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script> 
									

JSP (Java) Redirect

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

CGI (PEARL) 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 
									

Credit goes to WebConfs for compiling this.

Its very important to perform these changes so you can keep your google rating on the new domain. Here is a list of some scenarios and the code needed to make it work. Use the one which fits your case the best.

Scenario 1

Redirect from www.olddomain.com/thispage to www.newdomain.com/thatpage

Redirect /thispage.html http://www.newdomain.com/foldername/thatpage.html
									

Scenario 2

Redirecting from www.olddomain.com to www.newdomain.com

Redirect 301 / http://www.newdomain.com
									

Scenario 3

Redirect from www.olddomain.com/thispage.html to www.newdomain.com/thisfolder

Redirect /thispage.html http://www.newdomain.com/thisfolder
									

Scenario 4

Redirect from www.samedomain.com/thisfolder/thispage.html to www.samedomain.com/newfolder/newpage.html

Redirect /thisfolder/thispage.html http://www.samedomain.com/newfolder/newpage.html
									

Scenario 5

To change from .php to .html file extensions

RedirectMatch 301 (.*).html$ http://www.samedomain.com$1.php
									

Scenario 6

To redirect from www.samedomain.com to samedomain.com (removing www extension)

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.samedomain.com$ [NC]
RewriteRule ^(.*)$ http://samedomain.com/$1 [L,R=301]
									

Scenario 7

To redirect from samedomain.com to www.samedomain.com (adding www extension)

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www.samedomain.com$ [NC]
RewriteRule ^(.*)$ http://www.samedomain.com/$1 [L,R=301]
									

Well, we found a cheaper alternative that saves you $2900. Its called the PHP Point of Sale. PHP stands for a programming language and it contains lot of essential features that you’ll enjoy using. Here are some of those essential features…

Inventory Management – rack inventory, receiving, and suppliers with detailed, up-to-date information.

Analyse your Data – PHP Point of Sale offers a wide array of powerful reporting features that allow you to track your sales and customer information in real time.

Support – They offer excellent technical support. You will never be left stranded with our comprehensive online forum and one-on-one support.

Security – Their online hosted solution guarantees you’ll spend more time focusing on what matters. They take care of all your security and backup needs.

Options – PHP Point of Sale is customizable. Easily configure features to match your business needs.

Easy Installation – Their automated setup couldn’t be easier. Installation and updates are a breeze.

Check it out and let us know if you would like us to install and configure it for you. You can use this for small business as well as medium business with no problems at all.

When search engines index your website they look for keywords that are in abundance on your website. They match those keywords up with keywords mentioned in other websites such as directories and blogs. When those other directories and blogs point those particular keywords like “Web Design” to your website, it gives a lot more weightage. The more relevant keywords link to your website, the higher your website ranking gets for those keywords.

A website called Open Site Explorer assists you to do just that. It allows you to search for links pointing to your competitors website. If your competitor is listed on a particular directory or blog, chances are you can submit to your website to that directory or blog too (usually for free). This means you will get higher number of inbound links which come from relevant keywords for your business website. Try this technique today and let us know what you think of it.

You usually end up having quite a large PDF file when you save it as PDF format directly from a word document. This was certainly the problem for us. We have created it from the Office suit of applications, so when it was published…We really couldn’t use it anywhere. It was too large for a E-book.

1) Open the PDF file that you want the size reduction for

2) Once it opens up, Click on “File” >> “Save As…”

3) There should be a small option box that should pop up…From the drop down list labelled “Quartz Filter” >> Select “Reduce File Size”

4) Hit the save button if you want the file replaced or rename the file and save it!

Your PDF file should be much smaller than what it was initially. I was pleasantly surprised when my 49 MB PDF file turned into a 2.6MB file.

1) Click on the “Start” button or the round button you find in latest windows

2) On the top-right hand, you’ll find a menu item labelled “Computer”. Right click on it and Select “properties” from the list (usually the last item on the list)

3) This should give you a brief information box highlight the type of system you are using and the memory space you have on your computer.

Now you can see the ‘speed’ and ‘RAM/Memory Space’ but what about the disk space you’ve got…For that you can simple click on “My Computer” (the one you ‘right-clicked’ on previously)…This should open up a box listing all the hard drives you have and the space left in them. In Older versions of Windows, you need to point at the Hard Disk for it to reveal its details…

On Mac,

1) Click on the Apple icon on the top left hand corner

2) Select “About This Mac” and this should open up a small pop up box revealing your mac’s speed and memory details.

3) Now you’d want to find out your disk space which can be seen by clicking on your hard disk icon. It is usually visible on your desktop by default. At the very bottom, it should how much free space is still available.

These are series of posts that will help you speed up your PC. Every now and then, there are new articles that will be added which will provide you more tips and tricks for your home PC computer to do a good job.

By following these simple guidelines, your home PC computer should be running at its optimal state. Do note that these will take effect given that you have liberal amount of Hard disk space and generous Memory space left on your computer. For an average Home Computer with current software and technologies, You should atleast have 80GB hard drive space and 1GB memory with speed of anything above 2.0Ghz.

Click on any question to find out more…

Getting Started

Dont know your harddisk space, memory and other information about your computer?

The design we’ll be creating features a large drop cap at the start of a block of text. The actual drop cap effect will be created with the :first-letter selector, while the extra effects are added with the help of CSS text-shadow.

HTML Code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS Drop Shadow</title>

<link href="style.css" rel="stylesheet" />

</head>

<body>

<div>
  <p>I am learning the Drop Shadow Effect using CSS3. How cool is that?.</p>
</div>

</body>
</html>
									

Almost all Website Projects start with the basic HTML structure similar to the code above. For this code, the HTML is made up of the Doctype and Head elements before the quote is laid out as a basic paragraph element. We’ll be using CSS selectors to create our drop cap so no special IDs or classes are required.

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
  margin: 0; padding: 0; border: 0;
}

body {
  font-family: "Chunk", Sans-Serif; color: #fff;
  background: #566074 url(bg.png);
}

@font-face {
  font-family: Chunk;
  src: url("Chunk.ttf") format("truetype");
}

div {
  width: 730px; margin: 150px auto;
}
									

The CSS code begins with a reset to remove any default browser styling, then the main font styling is added to the body. You’ll notice the use of the “Chunk” font; this custom font is being added with the help of @font-face.

p {
  font-size: 50px; line-height: 80px;
  text-transform: uppercase;
  text-shadow: 10px 10px 0 rgba(255,255,255,0.07);
}
									

Now the slab-serif font is in place the size and line-height of the typography can be set. The text-transform property helps the text appear in caps despite how it is written in the HTML file. This is helpful because you dont need to worry about editing the HTML every time you need something changed. You can do that with these small CSS snippets. Then after this, the text-shadow property is used along with RGB colour values to add an effect to the text.

p:first-child:first-letter {
  font-size: 160px; float: left; margin: 20px 20px 0 0; line-height: 0.8;
}
									

Now the main text is in place we can finally get around to styling up the drop cap. The first letter is targeted with the handy :first-letter selector, but to avoid having drop caps on every paragraph on our page we also need to use the :first-child selector to target only the first letter of the first paragraph.

Just four CSS declarations are needed to correctly style up the drop cap. First the letter is increased in size so it’s large enough to span across two lines of the paragraph, then it is floated left to allow it to break out of the paragraph’s flow. A touch of margin on the top and right help tweak the drop cap into place and add some space between this first letter and the remainder of the sentence. Everything looks fine in Firefox so far, but if we test it out in WebKit browsers (Safari & Chrome) they both seem to place the drop cap higher than Firefox. We can easily fix this with an extra line-height declaration. This makes no difference to the Firefox version while lining everything up in Safari and Chrome.

p:first-child:first-letter {
  font-size: 160px; float: left; margin: 20px 20px 0 0; line-height: 0.8;;
  text-shadow: 4px 4px 0 #566074, 7px 7px 0 #fff;
}
									

The basic drop cap is complete, but traditionally drop caps come along in all kinds of fancy styling. We can add some cool effects of our own with the help of the CSS3 text-shadow property. A duplicate of the text is created and offset by 4px, then a second duplicate is created at 7px. When the first duplicate is set to the same color as the background it creates a cool retro style effect. I hope you enjoyed learning this sweet little trick as there are many more to come…

At Jonah & Associates, we do Web Design, Website Development, E-Commerce Online Sales Store and Custom Applications….If you are looking for such services, please dont forget to give us a buzz. We will also be happy to help you with CSS styling for your website.

If you publish useful information on your WordPress Website/Blog, it is likely that some of your early website articles are out of date as technologies change quite rapidly over the years. In this article, I’ll show you how you can add a snippet of PHP tags to our WordPress themes to automatically add a small disclaimer or warning message to all Website Articles that are over ‘X’ years old.

These little snippets of code that we’ll add to the Website theme will allow us to display a message above our article’s content, but only on articles over a number of years old. We might only want to display this message on certain types of articles. We will also add a category filter to target only old posts from a particular section of the web blog.

<?php
$post_age = date('Y') - get_the_time('Y');
if($post_age > 2 && in_category('4') ) { ?>

<div class="old-post">
<p><strong>This post was originally published in <?php the_time('Y'); ?></strong><br />
The tips and techniques explained may be outdated.</p>
</div>

<?php } ?>
									

The first line of code takes today’s year and minuses the year the article was published, which gives the article’s age in the $post_age variable. The snippet code then checks if the article’s age is over 2 years old and is in category ID 4. You could change this filter using many of the WordPress Conditional Tags.

A line of simple HTML flushes out a message to the user, explaining that the article is a few years old and therefore the article’s content may be outdated. We can use the WordPress tag to automatically enter the year the article was published.

Paste this code into your single.php template file above the tag.

CSS Styling

Once the snippet code is in place in the template file and the unformatted message is appearing on the correct posts, it can then be styled up with Cascading Style Sheets.

.old-post {
  margin: 0 0 20px 0; padding: 15px 20px;
  background: #e9e9eb url(images/grey-bg.png);
}
  .old-post p {
    background: url(images/warning.png) left no-repeat; padding: 0 0 0 65px;
    color: #717171;
  }
									

The old-post div is styled up with a textured grey background and plenty of padding around the edges. A warning icon is then added as a CSS background image on the paragraph element and the text indented with some left padding.

Does it work for you…If not, write a comment and we will help you out. We are also a WordPress Website Designers who can help you with your Website Design, Planning & Adding new features. You can contact us using the contact form.