Boring tricks

How you start a new project?

Iankulov Miodrag — Sun, 30 Nov 2008 19:26:57 +0000

How you start a new project?I mean with what you start, with the DB structure, with the plan, with what?

For example I start with a plan, than an action plan(how I want to promote the website), after that I start with the design and so on.

I’m looking forward to see your strategies

Some links

Iankulov Miodrag — Sat, 15 Nov 2008 16:42:55 +0000

10 Easy Steps for Twitter Beginners

Holding Yourself Accountable, Part Four

Twitter

Iankulov Miodrag — Sat, 15 Nov 2008 13:16:45 +0000

Do you use twitter?

How many accounts do you have?

For what are you using twitter?

Some WP & Firefox plugins you’ll love

Iankulov Miodrag — Mon, 03 Nov 2008 21:54:38 +0000

Ten Wordpress Plugins You’ll Love

22 Firefox 3 Plugins Web Designers Can’t Live Without

11 Top WordPress Plugins Every Blog Should Have

Make a animation after X seconds with jquery

Iankulov Miodrag — Fri, 17 Oct 2008 13:29:14 +0000

In this short tutorial I’m gonna show you how to create a nice animation after X seconds.So what we need, we need the jQuery library as always.

Javscript code:

$(document).ready(function(){
 setTimeout(
  function(){
   $('#copyright').slideUp("slow");
  }
  ,5000);
});

Demo

jQuery binding inputs

Iankulov Miodrag — Thu, 02 Oct 2008 11:42:55 +0000

In this tutorial i’m gonna show you how to create a form with binding inputs.

The html



Your name


Email

You need to give your form a class name.
The javascript code



$(document).ready(function(){

var myform = '.custom';

$(myform).each(function(){

$(myform).find('input:text').blur(function(){ /*we find all the text inputs*/

if ($(this).val() == '') { /*we check to see if the input is empty*/

$(this).parent().find('span').remove(); /*we find all the span elements and remove them*/

$(this).after('This field is mandatory‘);  /*we show the error message*/

}else{  /*if the input it’s not empty*/

$(this).parent().find(’span’).remove();  /*we remove the error message :)*/

}

});

});

});

Of course you can style your error messages and your form.

DEMO

jQuery menu

Iankulov Miodrag — Tue, 30 Sep 2008 15:01:25 +0000

You probably have already seen this menus.But how many times have you asked how you can create one?Well it’s really easy.All you need is the jQuery library and a texteditor(notepad,textmate,e-texteditor etc..).
Javascript code
$(document).ready(function(){ $('#main a').click(function(){ $('#infos').toggle(); }); });
Html Code

Show infos/hide infos

Some infos

DEMO

Google site search trick

Iankulov Miodrag — Fri, 29 Aug 2008 17:09:36 +0000

Ok, so you know, if you want to search your site with google, you need to go to http://google.com and search like that: query site:your site, but let’s try to make something more awesome and boring :)).For example, I want to put a search box on my blog, how I do this?Well it’s really easy.

/**
* Google site search
*/
class GoogleSSearch
{
function DoQuery($query)
{
header(”Location: http://www.google.com/search?hl=en&q={$query}+site:ebay.com&btnG=Google+Search&aq=f&oq=”);
}
}
?>

And the html looks like that:

Keywords

You can see a live demo here ,don’t forgot to change the {$query}+site:ebay.com& with your site.