Web Design Tricks

This happens when the owner of the video decides to only display the video to selected geographical area. Youtube then detects your IP and filter the videos accordingly.

In order to bypass this, i suggest you do either of this :

1- Use the embed code.
Replace the ?v= in your URL to /v/

Example, if the video URL is : http://www.youtube.com/watch?v=tTJcUwOy6qM

Change it to http://www.youtube.com/watch/v/tTJcUwOy6qM

Paste it your browser and press enter, to see it.

Sometimes this doesnt work due to the owner blocking video embed.

2- If this happens, use Proxy.

What proxy does is it masked your real IP with a fake one. You can either download a proxy client to your PC (but i dont recommend this since some contains malware and/or viruses).

I recommend you use online version of proxy. A good one is this website : http://www.zend2.com/index.php

Go to : http://www.zend2.com/index.php , paste the URL of your Youtube video in the box below.

How to get the URL of your video?

If you’re browsing the Youtube video directory, simple right click on the video and choose, Copy Link Location.. (FF, or something similar in IE, etc etc)

Here’s how you do a text outline if you’re still using the good ol’ Flash MX

1. Select your text
2. Break it apart . Press CTRL + B . You need to press it twice if your text consist of a word (multiple letters) . The first CTRL + B will break the letters apart from the word, the second CTRL + B will break apart pixels from each letter
3. Click on the “ink bottle” tool and pour it onto the text outline (the edge of the letter while those letters are still in ’selected’ mode)
4. Pick a paint fill tool and select another color, click/pour into the middle part of your letters. You can also delete this part by clicking on it and press DEL if you dont need the fill part anymore.

There you have it.

2 simple steps:

1. Create an empty div element and hide it
2. Assign a style to that div with a preload background

In your HTML

<div id="blah"></div>


In your CSS

#blah { background-image: url(image1.png);
background-image: url(image2.png);
display:none;
visibility:hidden;
}


I was about to finish up my AJAXed site after 1 weeks of sleepless night, hardcoding (spent more time figuring out) every function from scratch when just now, noticed something in my newly installed Dreamweaver CS3 : Spry. Uhmm wtf is that. Clicked here and there. BAM! I got the same exact function like the one i’ve been coding with just one click!

damnit..

damn you dreamweaver for not getting me to notice that earlier..

So, basically, Spry is Ajax for nubie. Just plug and play. Like a widget (it is a widget). You can do almost all the cool things you see in AjAX site. It gives you basic function and you can start customize from there (and not start from scratch!)

Thanks to Adobe. View Spry: here

In the middle of translating my friend’s design from .psd to a working html/css file, i got stuck on 1 (seems to be) simple issue. To add a cross platform - cross browser drop shadow effect to a normal text. I refuse to just slice and use the image text from the psd since- well, search engine doesn’t craw text in images.

So, since CSS2 support for text-shadow is nowhere near, i began my research (read: Googling) and after about 1 minute into my elaborate research, i finally stumbled upon this one website (only working cross platform and cross browsers hack?)

As i started reading, i thought, great, i’ll just grab this one line of code and off i go.

But hooollyyy crap… the CSS code is around 20 lines long. Just for that one simple effect. So, i thought. uhmm OK. No thanks.

Anyhow, here’s the full code. Got it from here

Oh yeah, before you nerds start to complain.. yes, this CSS wont validate. That’s why it’s a hack.

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666,
                 Direction=135,
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/*
 * used by browsers which know about
 * :before to create the shadow
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666;
}

#shadow_1:before {
  content: 'In shadow';
}
#second_2:before {
  content: 'Happy Shadowing!';
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /*
     * seen by IE6 and Safari, but hidden
     * from Gecko
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/*
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari.
                seen by IE6 */

    /*
     * seen by IE6 and Safari, but hidden
     * from Gecko
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/*
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

Yet another IE-PNG problem. This design work wonders in Firefox but fails in IE. What i want to do is to have a gradient background that ‘dissolves’ into a background color. As you can see, from the image below, it works fine in FF but not in IE7.

The way to fix is to remove the gAMA chunk from the png image. How to do this? Download the software from here. Open your png with that software and find a row that says gAMA something something, right click on that row and delete it. And the result :

Just a small tip. If you’re make a “repeat-y” background for your website, just set background-attachment for your css as scroll. Visually it will make no difference to the end user. But on a lower end user machine (shitty PC), in Firefox to be exact, users will experience ‘browser’s lag’ when theyre scrolling down the page. Probably due to the way firefox renders images.

WMP has just got a huge facelift redesign in its interface and GUI. It is very awesome looking. I definitely encourage you to upgrade to WMP11. However, if you are using a pirated copy of Windows, installing WMP11 might not be such a good idea. During the installation process, WMP will verify wether your copy of Windows OS is genuine. If not, then you are screwed. If you dont want to continue the installation, you will be left without be able to use WMP anymore. So, if you think your windows is not genuine, dont even bother to try to upgrade.

First, their customer support sucks big time. Yes. I have to wait for 20 minutes to speak to a live person.
Second, They do not respond to support emails.
Third, their help page does not address the issues.
Fourth, the voice recognition system on their line is dumb and never get things right.

I was charged twice for the same transaction and i have to go through all these BS to get a refund which i still havent got! This is so retarded.

This is the last time im going to use Paypal Credit card, ever.

My thoughts? Do not download it, do not install it, do not use it. If you do, you will have a pain in the ass trying to remove that annoying popups that will keep asking you to buy the software. This popup wont go away even after you uninstall the software. Bad bad software and programming practise. tsk tsk. I wonder what other backdoors have been installed in my PC coming from this publisher.

If you already installed the software, i figure you already getting that annoying popups by now. To remove it, first uninstall the software from your control panel. Then reboot your PC and go into safemode (Press F8 during startup). In safemode, search for msnlogs.exe and msnlogm.exe. Delete these two evil files. Then find MSNimport.exe (or something that sound like that). Restart your windows.