Advanced HTML5 search field with placeholder and fallback for the other browsers.
Styling with gradient + radius + image in field.
With JS logics: Search on input string and search on enter.

HTML:

<fieldset class="search"><div class="inputsearchgroup">
<span class="search_icon"></span>
<input type="hidden" name="url" value="search.php">
<input class="search" type="search" placeholder="Search..." name="search"></div>
<button class="smallradius submit">Search</button>
</fieldset>

CSS:

fieldset.search {
	border: none;
	padding: 0;
	position: relative;
}

fieldset.search input {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    background: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)), color-stop(.3,rgba(250, 250, 250, 0))););
    background-image: -moz-linear-gradient(rgba(250, 250, 250, 1) 0%, rgba(255, 255, 255, 0) 30%);
    border: 1px solid #f2f2f3;
    float: left;
    margin-right: 5px;
    padding: 10px 0 10px 44px;
    background-color: #fff;
}

fieldset.search div.inputsearchgroup {
	position: relative;
	float: left;
}

fieldset.search div.inputsearchgroup span.search_icon {
	background: url(icon_search_glass.png) no-repeat 10px 7px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 33px;
}

/*
 * CSS3
 */
.smallradius {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

JS:

(function(){
	/*
	 * jQuery PlaceHolder + Search Submit
	 * it submits the search query on enter button and on search button.
	 * place holder functionality for browsers which don't support placeholder
	 * @author Lee Boonstra
	 * @since 21 jan 2011
	 * @version 1.0
	 *
	 * @uses jQuery 1.2.6, <http://www.jquery.com> or higher
	 */
	$.fn.SearchInput = function(){
		var strSavedString = "";

		/*
		 * Does the browser support placeholder attribute?
		 * @return boolean
		 */
		function isBrowserSupport(){
			var i = document.createElement("input");
			return "placeholder" in i;
		}
		return this.each(function(){
			var button = $(this).parent().parent().find('.submit');
			var url = $(this).parent().find('input[name|=url]').val();
			var e = $(this);

			var strPlaceHolderText = e.attr("placeholder");

			if(e.val().length == 0){
				e.val(strPlaceHolderText);
			}

			/*
			 * On field focus remove placeholder if there is no written text in it.
			 * @return void
			 */
			e.focus(function(){
				strSavedString = e.val();
				if (strSavedString === strPlaceHolderText) {
					e.val("");
				}
			});

			/*
			 * Save the written text in a variable
			 * @return void
			 */
			e.change(function(){
				strSavedString = e.val();
			});

			/*
			 * While leaving the focus of the field, put the placeholder back
			 * or the written text.
			 * @return void
			 */
			e.blur(function(){
				if(isBrowserSupport()===false){
					if(strSavedString !== strPlaceHolderText && strSavedString !== ""){
						e.val(strSavedString);
					} else {
						e.val(strPlaceHolderText);
					}
				}
			});

			/*
			 * Search if the key is enter or button has been clicked,
			 * if there's a input hidden url and the input is not empty and does not contain the    placeholder
			 */
			function search(ev){
				if (ev.keyCode === 13 && strSavedString !== strPlaceHolderText && strSavedString !== "" && url !== null) {
					window.location.href = url + "?q=" + strSavedString;
				}
				if(ev==="click" && strSavedString !== strPlaceHolderText && strSavedString !== "" && url !== null){
					window.location.href = url + "?q=" + strSavedString;
				}
			}

			/*
			 * Submit the query
			 */
			e.keyup(function(ev){
				search(ev);
			})
			button.click(function(){
				search("click");
			});

		});

	};
})(jQuery);

This tutorial will help you to put your Sencha Touch ipad app offline.

1. create your cache manifest file
create a file yourappname.manifest in your application root.
In the file enter all files you have to cache to make your app working offline.

for example the app.manifest file looks like this:

CACHE MANIFEST
#rev2

# Explicitly cached entries
CACHE:
index.html

img/icon.png
img/phone_startup.png
img/tablet_startup.png
img/main-image.png

css/ext-touch.css
css/default.css

js/ext-touch-debug.js
js/ext-touch.js
js/index.js

# Resources that require the user to be online.
NETWORK:
js/twitter.js

#If source in inaccessible serve other file. for example: /index.php /index.html
FALLBACK:

2. Add your manifest to your application .html file header
In your html file:

<!doctype html>
<html manifest="yourappname.manifest">

3. Create a .htaccess file and add expire configuration for your *.manifest file to your app root.

<Files yourappname.manifest>
    ExpiresActive On
    ExpiresDefault "access"
</Files>

4. Add type manifest to your apache config (apache.conf / vhost.conf or .htaccess file)

AddType text/cache-manifest .manifest

That’s it, now your app should work offline.

You should know that, as soon as the manifest file fails with caching the files. It stops.
That means that the files will not be updated.

Use this code to check/swap cache via code:

var i = -1;

// Convenience array of status values
var cacheStatusValues = [];
 cacheStatusValues[0] = 'uncached';
 cacheStatusValues[1] = 'idle';
 cacheStatusValues[2] = 'checking';
 cacheStatusValues[3] = 'downloading';
 cacheStatusValues[4] = 'updateready';
 cacheStatusValues[5] = 'obsolete';

 // Listeners for all possible events
 var cache = window.applicationCache;
 cache.addEventListener('cached', logEvent, false);
 cache.addEventListener('checking', logEvent, false);
 cache.addEventListener('downloading', logEvent, false);
 cache.addEventListener('error', logEvent, false);
 cache.addEventListener('noupdate', logEvent, false);
 cache.addEventListener('obsolete', logEvent, false);
 cache.addEventListener('progress', logEvent, false);
 cache.addEventListener('updateready', logEvent, false);

 // Log every event to the console
 function logEvent(e) {
 	 i=i+1;
     var online, status, type, message;
     online = (isOnline()) ? 'yes' : 'no';
     status = cacheStatusValues[cache.status];
     type = e.type;
     message = 'online: ' + online;
     message+= ', event: ' + type;
     message+= ', status: ' + status;
     if (type == 'error' && navigator.onLine) {
         message+= ' There was an unknown error, check your Cache Manifest.';
     }
     log(i + ' ' + message);
 }

 function log(s) {
    //alert(s);
	console.log(s);
 }

 function isOnline() {
     return navigator.onLine;
 }

 if (!$('html').attr('manifest')) {
    log('No Cache Manifest listed on the tag.')
 }

 // Swap in newly download files when update is ready
 cache.addEventListener('updateready', function(e){
         // Don't perform "swap" if this is the first cache
         if (cacheStatusValues[cache.status] != 'idle') {
             cache.swapCache();
             log('Swapped/updated the Cache Manifest.');
         }
     }
 , false);

 // These two functions check for updates to the manifest file
 function checkForUpdates(){
     cache.update();
 }
 function autoCheckForUpdates(){
     setInterval(function(){cache.update()}, 10000);
 }

More info’s, can be found here:
http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html

Last week the company I work for: eFocus, became number 1 in the Emerce top 100.
We’re very happy with this notation!

4 Ways to redirect your website to another page or path.
For this example I will use the website: http://www.domain.com
Let’s say this site is build in the folder: /folder/ we need a redirect from
DOMAIN to DOMAIN/FOLDER. I will show you the ways how to do it. You can re-use my code, just use your own domain and folder paths!

The easiest way:
Create in the root of your domain an index.html and use a meta-refresh tag in the of your HTML.
This way of redirecting is according to W3C not so nice, and it also will have a delay.
You can set this delay, however I set it to 0.

<meta http-equiv="refresh" content="0;URL=http://www.domain.com/folder/" />

The accessible way:
Not so nice, but to most accessible way, is to just create an empty index.html with an hyperlink
to your new folder.

Oops, the page you are looking for, does not exist anymore.
<a href="http://www.domain.com/folder">Browse to the correct page by following this link</a>.

The Javascript way:
A good way to use. However if Javascript is disabled in your browser your stuck on the page where this
Javascript code is placed. (index.html in the root of your domain)

<script type="text/javascript">
/*<![CDATA[*/
 window.location="http://www.sandranasicfans.eu/sandranasic/";
/*]]>*/
</script>

The server way:
This will work on Apache linux servers only.
Create with notepad a file called: .htaccess with the below content. Place this file in root of your domain.
Please note that on some servers you can not see this file with your FTP client. I found out that most of the time the webvariant of your hosted server (file manager), will show them.
However, I think this is the best and fastest way of redirecting.

RewriteEngine on
rewriterule ^(.*)$ http://www.domain.com/folder/$1 [r=301,nc]