nana4design

ASCII Art

Tue, 14 Oct 2008 10:11:22 +0800

Is nana ^^V

ASCII Art ^^v

Click the link: NaNa

You can go to here to play: ASCII Art

Isn't it fun? Hahaha~

Simple Note 4 (Useful tags)

Wed, 30 Jul 2008 17:24:06 +0800

WWW
abbr.

radar

They went in single file, running like hounds on a strong scent, and an eager light was in their eyes. Nearly due west the broad swath of the

marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.

As
Harry S. Truman said,
The buck stops here.

More information can be found in
[ISO-0000].

Please refer to the
following reference number in future correspondence:
1-234-55

source: click me

Simple Note 3 (font)

Tue, 29 Jul 2008 10:36:30 +0800

The name of a font family of choice. In the last example, "Gill" and "Helvetica" are font families.

In the example above, the last value is a generic family name. The following generic families are defined:

'serif' (e.g. Times)
'sans-serif' (e.g. Helvetica)
'cursive' (e.g. Zapf-Chancery)
'fantasy' (e.g. Western)
'monospace' (e.g. Courier)

Style sheet designers are encouraged to offer a generic font family as a last alternative. Generic font family names are keywords and must NOT be quoted.

If an unquoted font family name contains parentheses, brackets, and/or braces, they must still be escaped per CSS grammar rules. Similarly, quotation marks (both single and double), semicolons, exclamation marks, commas, and leading slashes within unquoted font family names must be escaped. Font names containing any such characters or whitespace should be quoted:

body { font-family: "New Century Schoolbook", serif }

source: click me

Simple Note 2 (shorthand CSS)

Tue, 22 Jul 2008 18:20:10 +0800

No. 1
-----
body {
  font-weight: bold;
  font-style: italic;
  font-size: 83%;
  line-height: 140%;
  font-family: verdana, arial, sans-serif;
}

body {
  font: bold italic 83%/140% verdana, arial, sans-serif;
}

No. 2
-----
#element {
  margin-top: 1em;
  margin-right: 0.5em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  padding-top: 1em;
  padding-right: 0.5em;
  padding-bottom: 0.75em;
  padding-left: 1.5em;
}

#element {
  margin: 1em 0.5em;
  padding: 1em 0.5em 0.75em 1.5em;
}

No. 3
-----
#element {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000;
}

#element {
  border: 1px solid #000;
}

but with different width...

#element {
  border: 1px solid #000;
  border-width: 1px 2px 3px 1px;
}

different styles and colours

#element {
  border-width: 1px 2px 3px 1px;
  border-style: solid dashed dotted ridge;
  border-color: #000 #666EFF #CC3300 #00CC33;
}

No. 4
-----
#element {
  background-color: #000;
  background-image: url(myImage.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

#element {
  background: #000 url(myImage.jpg) top left no-repeat;
}

Information from: Tyssen Design

Simple Note 1

Thu, 17 Jul 2008 12:44:40 +0800

CSS specifies five so-called generic fonts which are guaranteed to exist in all browsers: serif , sans-serif , monospace , cursive and fantasy.

CSS supports 16 color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white.

CSS supports the hexadecimal notation ("#FF0000" and "#F00") and also some other notations that may be easier to use. The following two rules both set the color of h1 elements to brown (50% red, 50% green, 0% blue):

H1 {color: #808000}
H1 {color: rgb(50%,50%,0%)}

http://www.w3.org/WAI/GL/css2em.htm

Some Fixed Width Advice:
Place your fixed width content on the left hand side of the page so on a typical site 640×480 pixel monitor users won't have to side scroll to read the site's primary content.

Structure Of A Blogpost

Thu, 03 Jul 2008 17:28:24 +0800

I like to read CSS's blogs...
And from someone comment,
I saw this:

Structure:

I got a problem
I got a solution
This is why the solution rocks
It doesn't work in IE
IE .... please die :)

Is true... Hahaha

Do What Is Right

Thu, 26 Jun 2008 17:21:00 +0800

Hmm, I should do what is right.
Other people cant follow, is their problem.

I shouldn't be affected by those scary markup other people have done.
I should do it my way that is keep the markup as clean and lean as possible ^^

Definition List

Mon, 19 May 2008 01:05:21 +0800

Hmm... I've used CSS for sometimes (less than 6 months)
and I realised Definition List is so useful...

Hmm.. I should study more and more!!! CSS!!!!!!!!!!!

Stop

Fri, 02 May 2008 17:43:20 +0800

Hmm... Recently have spent a lot in buying clothes.

Is time to stop.
I don't think woman can stop that.
Plus, the annual sales just started...

Hot

Sun, 27 Apr 2008 23:38:00 +0800

Today is so hot. But today is my chinese birthday.

I ate vegetarian the whole day.
I had lunch with sisters in an expensive vegetarian restaurant.
Is worth, cos the food is so delicious.

The weather is still very hot =.="
I want to put myself inside the fridge...

Tired

Sat, 26 Apr 2008 01:21:53 +0800

Hmm... I' m just tired.

1. work
2. buying some new clothes
3. getting a Miu Miu bag
4. lose weight

Happy Birthday

Mon, 21 Apr 2008 22:55:14 +0800

One more hour I can say "Happy Birthday"~

Time goes fast, and I miss the Tiramisu from Bread Garden in Vancouver.
I wish next time I can go back there.
I just like the place.
It means a lot ^^v

My Job

Sun, 20 Apr 2008 17:49:03 +0800

I work as a web designer.
Not a good one, but I still can survive.
I cant live in a world without INTERNET.
That's me.

Let's Blog

Fri, 18 Apr 2008 23:57:04 +0800

1. nana4design's blog starts.
2. Integrate Delicious with MT is still pending.
3. Enjoy my lame blog.