Top Page
TopicsRSS
| {$plugin_entry_recently.datetime|date_format:'%Y/%m/%d'} | {$plugin_entry_recently.title} |
|---|
| 2011/01/01 | How to: Make a Homemade |
|---|---|
| 2011/01/01 | Make a kid-sized watering can out of your used Shake-n-Pour container |
| 2011/01/01 | Make on-line reservation and get special offer from the restaurant! |
| 2011/01/01 | Never miss "RAAMEN" in Japan. When in Japan, eat what Japanese love. Our gourmet editors special selection of RAAMEN Shop in Tokyo. |
| 2011/01/01 | Special recommendaton for Summer updated. |
About "Japan Food Kitchen"
"JAPAN Food Kitchen" is the ultimate restaurant guide which helps you to find wonderful Japanese cuisine restaurants in Japan. All the restaurants you find in "JAPAN Food Kitchen" not only offer delicious food but also have menues in English and friendly English-speaking staff.
Find restaurants you want to goby locatiion or by food category.
You will find our easy-to-use online table booking system is so helpful. Enjoy your dining!
>> find more about on-line reservation!
Headline 3 is another important point to remember!
To insert visual elements, use css to float them. There are two variations. Float to right and float to lert.
The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you.
Float left example.
The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you. The one appear on the right shows the example of float right, and the one below shows float left example. Choose whichever suitable for you.
Centering example.
Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.Both picture and following text are centered. Prepared just in case.
Text Decoration
emphasis (to emphasize important part of the text)
notice (use as caption of a visual element)
Strikeout of a part of text with different color line?
Fonts I may want to use
To build English pages, I may want to use the following fonts because they are easy to read.
- Georgia Italic
- Century
- Segoe Print
- Olive
- Universe
Found a website which nicely organize English fonts.
>> check out this page.
One thing I noticed in my little experiment is that Segoe Print is displayed nice on InternetExplorer, but not when I checked on Chrome nor FireFox. Guess it is browser dependable font... I thought there is a font named "atom", but I guess I misunderstood it :-(
Note that I do not like small font size as showin in this test page. Bodycopy will be alot easier in the bigger font size, i.e., 14 points. Refer to the Betty Croker's recipe site.
As you can see in this page, small font and narrow line space make people feel "I-don't-want-to-read-this-sort-of-gibberish." How to display text is definitely one thing you must consider, regardless it is technically possible or not. Since you are super wise man, you understand you need to fix line space, too ;-)
List
Three types of list classes are included in our stylesheet.
- normal (Normal) style1 (Decoration)
- normal (Normal) style1 (Decoration)
- normal (Normal) style1 (Decoration)
- normal (Normal) style2 (Decoration)
- normal (Normal) style2 (Decoration)
- normal (Normal) style2 (Decoration)
like_list (for phrase and sentense) style1 (Decoration)
like_list (for phrase and sentense) style1 (Decoration)
like_list (for phrase and sentense) style1 (Decoration)
- side_by_side (side by side)
- side_by_side (side by side)
- side_by_side (side by side)
Table
normal (Normal)
| Headder | Cell | Cell |
|---|---|---|
| Headder | Cell | Cell |
noborder (no-border decoration)
| Cell | Cell | Cell |
| Cell | Cell | Cell |
price (Price list)
| Price | 1,000 yen | |
|---|---|---|
| Price | 1,000 yen | ~ |
| Price | 1,000 yen | and over |
Image Replace
Method for image replace.
jQuery fadein/fadeout
Query fade-in & fade-out is an easy way to add a nice touch to the site.
jQuery Light Box
jQueryLightBox may be used for gallery page.