Jom Design

We are moving…

admin — Mon, 30 Jun 2008 20:38:41 +0000

Yup. You read it right. We’re invited to build an official tutorial blog by iLuvIslam and share it to millions of their visitors as well. Perhaps this will be something BIG. Check out our new home at tutorial.iluvislam.com and I’m expecting it will fully operated in the middle of July. And we’re serving in Malay language

Internet Browser - So you think it’s the same?

admin — Fri, 13 Jun 2008 05:59:52 +0000

Well, I guess after writing tutorials and entries about Photoshop, I guess it is time to start the lesson on web designing. In this entry, we will look upon the element of Internet browser because as a web designer, you have to expect visitors that are using different types of Internet browser. These are the 4 most used Internet browser based on a research carried our by w3C, namely Firefox, Internet Explorer, Safari, and Opera. To give some idea why this topic (Internet Browser) is important, you might wanna look at this long images which I’m comparing the same section of Jom Design entry using Firefox, IE and Safari.

See the differences? As said, a good designer will not only know how to design effectively, but able to predict what and how the audiences see the end results of it. So, here are few links to download 3 different browsers. Try to see several websites with these browsers. See you later!

Download your Safari browser (for Mac & PC)
Download your Firefox browser
Download your Opera browser

Web Design Tutorial #1

admin — Sun, 08 Jun 2008 21:11:57 +0000

In this entry, I will show you how to write few HTML codes which enable you to write a simple static website. If you don’t have and HTML editor, a notepad would be enough. If you want something greater than notepad, try ConText. Ready? Get set, go!

Website

A basic HTML page will have these codes in it. Well, just copy it if you want it.

Your Website Title

Paragraph

In order to write a paragraph, you need the paragraph tag.

Your Text Here

Easy? I told you it isn’t that hard.

Link

In order to write a paragraph, you need the paragraph tag.

Your Link

Example: Mohd Rafie

Images

In order to write a paragraph, you need the paragraph tag.

Note: All of the paragraph, link, image codes can go anywhere between the body tag.

<— Place your codes here —>

There are other properties as well that we can put like text-align, colour, and font in those tags, but for but this tutorial is just for you to get familiar with it. Well, I hope you will now know how to make a simple static HTML website. Download the tutorial file here and let see what you can do with it. :) If you have the basic idea about all of these things, perhaps you want to read by How to make your web RUN.

Have a nice day and try this tutorial out. Enjoy~

Other references:

W3Schools - View list of tags including description.
W3C - Introduction to HTML by Dave Raggett’s

If you are creative enough

admin — Wed, 28 May 2008 01:20:37 +0000

you can just only use typeface to create stunning type motion like this…

Wanna keep up-to-date?

admin — Mon, 26 May 2008 08:56:19 +0000

Fill up the form below because I will email you the latest news and updates in this blog. No spam, I hate it as well!

Owh, almost forgot, it’s powered by Feedburner. Cool stuff!

P/S: Don’t forget to check you email for activation links. Cheers~

FREE Font For You

admin — Sat, 24 May 2008 09:08:49 +0000

Today, because I know you like free stuff especially font, I’ll give you some useful links.

1. Smashing Magazine

40 Excellent Freefonts For Professional Design

Now this 40 fonts are simply gorgeous and brilliant. If you are serious about design, download these fonts and try to experiment with it. One day, you’ll know which font to use in your design. As others to comment on your design (especially experienced people with design) and accept criticism positively. Enjoy!

more from Smashing Magazine

2. DaFont

http://www.dafont.com/

Can’t say much about this one because you need to browse it yourself :)

3. exljbris

Free Quality Font from exlhbris

If you like unique font, you might link this one

[+] more will be update soon, I’m going to carboot to buy something there. See ya! Note: In general, most of these fonts are you to download for personal use. No commercial used (this is when you get paid) is allowed. Please read the terms of use for more info. I personally am not responsible in any legal violation made by you or your organization. :)

FREE Photoshop Book!

admin — Fri, 23 May 2008 05:31:31 +0000

Title: The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques.
Publisher: SitePoint®
Author: Corrie Haffly

Grab your chance to learn the basic tools and functions in Photoshop using this e-Book. Download your copy now for ~~$29.95~~ FREE. Full 278 pages e-book for you to keep forever. Maybe this summer you can spend a little bit of your time to learn the basic techniques while I’m writing few articles.

Enjoy the book and hopefully you can get something beneficial.