mrKrich™ » Web

The Theme

mrKrich — Fri, 02 Apr 2010 03:43:07 +0000

หลังจากลง Wordpress มาได้สักพักนึง ก็อย่างที่เห็น URL ยังเป็น beta อยู่ก็แสดงว่ายังไม่ Released เสียที (แต่ก็รู้สึกเท่ห์ๆอยู่เล็กๆนะ) ที่ตรงนี้ก็เลยเป็นเหมือนกับที่ลองของไปซะอย่างนั้น วันนี้เปิดไปเห็นหน้าเว็บของพี่ @PatSonic สวยดีก็เลยอยากได้มั่งก็เลยลากไปลากมาในหน้าเว็บพี่เค้าก็แอบเห็นว่าใช้ Theme นี้อยู่ก็เลยเอามาใช้มั่ง

ก็ค่อนข้างจะมีรายละเอียดเยอะมากเลยทีเดียว กว่าจะทำให้เป็นอย่างที่เห็นได้ก็ลองผิดลองถูกกันอยู่เป็นชั่วโมงเลยทีเดียวครับ ตอนนี้ก็รู้สึกว่า Logo มันไม่เข้ากับ Theme เลยแฮะ เหมือนสติ๊กเกอร์แปะท้ายรถแข่งมาแปะอยู่บนกล่อง macbook ซะงั้น

ก็สนุกดีครับ มีอะไรแปลกใหม่เยอะกว่า Theme เก่าเยอะเลยทีเดียว

Page Redirection

mrkrich — Wed, 16 Dec 2009 11:33:21 +0000

เมื่อวันก่อนมีน้องมาถามเกี่ยวกับเรื่อง Page Redirection ก็เลยคิดว่าจะเอามาเป็นพูดถึงเสียหน่อย

การ redirect หน้าเว็บ คือการส่งหน้าเว็บที่เปิดอยู่ปัจจุบันไปยังหน้าอื่น สามารถทำได้ 3 ระดับดังนี้

ระดับ HTTP Header
ระดับ HTML Header
ระดับ Script

1. ระดับ HTTP Header

เป็นวิธีที่ใช้ได้กับทุก Browser สะดวกรวดเร็ว เพราะไม่จำเป็นจะต้องมีการ render หน้าเว็บ หรือ html tag ใดๆเลย

ตัวอย่างการใช้งาน (PHP)

header(“location: http://www.google.com”);

?>

2. ระดับ HTML Header

เป็นวิธีที่ใช้ได้กับทุก Browser เหมือนกับระดับ HTTP Header แต่สามารถใช้ได้กับเว็บที่ไม่ได้ใช้ CGI แต่จะช้ากว่าเนื่องจากใช้ html tag ในการบอก Browser ให้ทำการ redirect

ตัวอย่างการใช้งาน

3. ระดับ Script

เป็นวิธีที่นิยมใช้กันมาก เนื่องจากสามารถสร้างเงื่อนไขต่างๆในการทำงานให้กับการ redirect ได้ ซึ่งในวิธีการนี้จะใช้ global object ที่ชื่อ location และมีวิธีการใช้งาน 2 แบบด้วยกัน

3.1 แบบ property – href

วิธีการนี้เป็นเหมือน link ปกติคือมีการเก็บ history เอาไว้ สามารถกดปุ่ม back กลับมายังหน้าปัจจุบันได้

3.2 แบบ function – replace

วิธีนี้เป็นการแทนที่ใน history เดิม ทำให้ไม่สามารถกดปุ่ม back กลับมายังหน้าปัจจุบันได้

Dojo Toolkit

mrKrich — Thu, 15 Feb 2007 16:50:00 +0000

When I try to learn more about Dojo Toolkit. I found some problem of its script. such as uncompatible of javascript and css style sheet. And on downloaded demo, It have too many debug message. No downloadable manual or document. (It have just wiki for manual.)

But its script is too excellence and so exciting with easy way. just like ‘taglib’ in Java. (Or another language)

today I waste too much time to find and read manual. But you can found sample in demo section.

Dynamic HTML tips

mrKrich — Wed, 14 Feb 2007 14:33:00 +0000

Hello it’s valentine again, Last 4 valentine ago. I used to have new web diary. 4 years later I have new one. “Dynamic HTML tips” is it. It talk about HTML, Javascript and CSS Style Sheet tips. That may help newbie to create his/her own website with text editor. (I think manually coding HTML code is More >

HTML and XHTML

mrKrich — Wed, 14 Feb 2007 13:49:00 +0000

Do you know what difference between HTML and XHTML? And how it difference?

HTML is HyperText Markup Language and XHTML is eXtend HyperText Markup Language. From the name we can know XHTML is newer than HTML and have something added.

HTML 3.2, HTML 4.0 and HTML 4.0.1 is Original Markup language that have flexible syntax but difficult to parse by program. Why? because HTML tag syntax is

HTML TAG USAGE:
<{command} [attribute[="..."] [attribute[="..."] [...]]]>[...]

Are you see what make it difficult? … Yes it is tag and attribute like e.g.
or

HTML TAG USAGE:
<{command} [attribute[="..."] [attribute[="..."] [...]]]>[...]
*** problem part is hilighting

HTML tag below start without close tag because it not need to have. But it make browser or another program hard to parse to use (Microsoft try to automatic fill it before display). but in XHTML, it based on XML. What it’s mean? It mean HTML tag must have end tag or use single tag style. It syntax be

XHTML TAG USAGE:
(<{command} [attribute="" [attribute=""[...]]]>…|<{command} [attribute="" [attribute="" [...]]]/>)

It make you must close all your open tag else use single tag. However if you not use it in strictly mode you also use it like HTML.

Not only “Tag” that make it difference. If I have more time, I’ll talk to that topic again

Welcome to Dynamic HTML tips.

mrKrich — Wed, 14 Feb 2007 02:19:00 +0000

This is my collection of my experience over 8 years in web developing. Since I’m newbie to now I used too many develop tools and language. But here I’ll focus on Web Application at Client Site only. Such as HTML, XHTML, JavaScript and CSS Style Sheet.

HTML and XHTML, It’s same but difference. My tips will suggest the easier way to use it with text editor.

JavaScript, The Scripting language that provide dynamic to your site. Not all command that support on the browser.

CSS Style Sheet, The easiest way to make web site theme without fix code, its make your web site easy to change theme.

I’ll post it early soon.

dojo – the javascript toolkit

mrKrich — Mon, 05 Feb 2007 17:12:00 +0000

Ummm too many times ago. I try to write and javascript by myself. today my boss said “Why dont you try dojo toolkit for you ajax or javascript?”

I ask him for dojo like “what dojo is?” or “how its better than specific javascript?” because i think “Ajax is so easy and javascript i’m not newbie”

The first time of its demo. It attack my ego. Its great tool that provide beautiful web object, ajax and another. I don’t know how can it work. Or how difficult is it for specific perpose.

but I know one, Its demo is too excellence.

HTTP Header

mrKrich — Thu, 01 Feb 2007 18:14:00 +0000

on my testing web. I try to use AJAX on my site and found some error if i use non unicode. may be my page encoding or somethings wrong behind the protocol.

so i try to use UTF-8 for this problem. So i found another problem to solve!!!

i put this line on my HTML

<meta http-equiv=Content-Type content="text/html; charset=UTF-8"/>

it found, but not set my page to UTF-8 as set!! (You can check with page info in firefox)
after search in too many site i found something.
My web server was set default charset/encoding to ISO8859-11 / TIS-620 / WIndows-874/ CP874 (Thai)
so i have only two choice to do. Change web server setting or customize http header

I’ll not talk to change default web server configuration for charset/encoding so i will talk about how to customize http header

php: use command header() to set content-type like this

header(“Content-Type: text/html; charset=UTF-8;”);

jsp: you usually use this in your code

<%@ page language="java" contentType="text/html; charset=UTF-8" %>

so on another programming language must have its own way to do something like this