Posts Tagged ‘Web’

[Apache] Create subdomain on localhost

ปกติแล้ว คนที่ทำเวบ ก็สร้าง subdomain ผ่าน direct admin ง่ายมาก แต่ถ้าอยากลองบน localhost จะทำยังไงดีหละ นั่งหาๆเหมือนกัน เลยจดไว้ดีกว่า กันลืม ลองดูวิธีนี้ละกันนะ ง่ายดี
สำหรับตัวอย่างนี้ สมมติว่าสร้าง subdomain ชื่อว่า sub โดยมีไดเรคทอรี่อยู่ที่ /var/www/sub
เริ่มจาก

$ sudo vi /etc/apache2/sites-enabled/000-default

เติมข้อความนี้ลงไป

ServerAdmin admin@localhost
DocumentRoot /var/www/sub
ServerName sub.localhost

ตามด้วยคำสั่ง

$ sudo vi /etc/hosts

เติมข้อความนี้ลงไป

127.0.0.1 localhost
127.0.0.1 sub.localhost

ลองทดสอบดู ถ้าไม่ได้ให้ restart apache service ก่อนครับ

$ sudo /etc/init.d/apache2 restart

เสร็จแล้วๆๆๆ อิอิ

[Ubuntu] Enabled Mod_Rewrite and htaccess on LAMP

วิธีการดังกล่าว เหมาะสำหรับ ผู้ที่ต้องการ Deploy Web Framework จำพวก codeigniter, cakephp, zend framework เป็นต้น ซึ่งต้องใช้ Mod_Rewrite และ htaccess
Web Server Installation
วิธีที่ 1
1. เปิดเทอร์มินัล แล้วพิมพ์ตามนี้เรย

$ sudo apt-get install apache2 mysql-server-5.0 libapache2-mod-php5

2. restart apache ครั้งนึง

$ sudo /etc/init.d/apache2 restart

หรือ วิธีที่ 2
1. เปิดเทอร์มินัล แล้วพิมพ์ตามนี้เรย

$ sudo tasksel

2. เลือก Web Server กับ OpenSSH Server
3. restart apache ครั้งนึง

$ sudo /etc/init.d/apache2 restart

3. เพิ่มเติม Apache Directory จะอยู่ที่ [...]

[Web] HTML 5 Cheat Sheet Release Now!

Dowload Here : html5-cheat-sheet

credits: http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/

[Wordpress] Using Permalinks with htaccess

หลายคนที่ได้ลง wordpress แล้ว url ของ entry ต่างๆ โดย default แล้วจะเป็นแบบแรก

Default: http://blog.klainfo.com/press/?=123
Date and name based: http://blog.klainfo.com/press/index.php/2006/06/14/sample-post/
Numeric: http://blog.klainfo.com/press/index.php/archives/123
Custom

ถ้าต้องการให้ url ดังกล่าว ดูสวยงามมากขึ้น หรือด้วยเหตุผลเพื่อ SEO (Searh Engine Optimization) เป็นแบบที่ 2 หรือ 3 ดังนี้

http://example.com/category/post-name/
or http://example.com/year/month/day/post-name

เมื่อเข้าไปแก้ไขใน Wordpress Admin -> Settings -> Permalinks แล้ว เลือกแบบ 2 หรือ 3 จะยังใช้งานไม่ได้
วิธีแก้ไข

Enhancing your html layout!

ตามมาตรฐาน W3C ซึ่งเป็น 1 ใน web standard ใหญ่ๆที่รู้จักกัน
วันนี้จะมาแนะนำ tag ใหม่ คือ abbr กับ acronym ครับ
โดยลักษณะการใช้งาน จะดูคล้ายๆกัน ซึ่งพบได้บ่อยครั้งใน Wikipedia
ความคล้าย : acronym และ abbr เพิ่มความหมายใ้ห้ตัวอักษรย่อต่างๆ ซึ่งทำงานเหมือนกัน
เช่น [CSS = Cascading Style Sheets] เป็นต้น
ความต่าง คือ
acronyme อ่านออกเสียงเป็นคำๆ เช่น RADAR (เร-ดาร์) หรือ NATO(นาโต้)
abbr : อ่านออกเสียงทุกตัวอักษร เช่น CSS(ซี-เอส-เอส) หรือ URI(ยู-อาร์-ไอ)
ตัวอย่าง

1
2
<acronym title="Radio Detecting And Ranging">radar</acronym>
<abbr title="Cascading Style Sheets">CSS</abbr>

ผลลัพท์ได้เป็นดังนี้

1
2
3
<abbr title="Really Simple Syndication">RSS</abbr>
<abbr title="Uniform Resource [...]

How different between id and class?

หลายๆคนที่เขียน CSS ไปซักพัก แล้วโดนไซโคให้นิยมชมชอบ tag div เป็นชีวิตจิตใจ ^^ อาจจะสงสัยกันว่า แล้ว id กับ class นั้น แตกต่างกันอย่างไร ผมเองก็เคยสงสัยครับ
ความแตกต่างมันอยู่ตรงที่
ID

Once times in your html layout.
มีใช้แค่ครั้งเดียวใน 1 page เช่น header content sidebar footer etc.
วิธีใช้ เช่น <div id=”header”></div> เป็นต้น
ID is the first priority.
เมื่อมี ID กับ CLASS อยู่พร้อมกัน เช่น <div id=”aaa” class”bbb”>
CSS จะเรียกใช้ id เป็นหลัก หมายถึงจะไปเรียกใช้ #aaa

CLASS

Several times in your html layout.
ใช้หลายครั้งใน [...]

Session and Cookies

หลักการทั่วๆไปแล้ว จะใช้ cookies เก็บ session id ไว้ แล้วใช้ session เก็บข้อมูลพวก user_id หรือ username เป็นต้น
โดย cookies นั้นจะเป็นตัวกำหนดว่ามีอายุนานเท่าไหร่ เช่น 1hr 5hr หรือ 20 year(^^)
ข้อเสียของ session

hacker สามารถขโมย session ของเราได้
เมื่อ restart server ปุ๊ป session id ของ client ก็จะหายไปหมด
ไม่สามารถทำงานข้าม platform ได้ เช่น ส่งข้อมูลจาก .net framework ไปยัง php

ข้อเสียของ cookie

ถ้า client ไม่ได้ enable cookie ไว้ จะไม่สามารถเก็บข้อมูลได้อีกเลย
ข้อมูลส่วนตัวของ user อาจถูกขโมยไปได้
ไม่มี security เรยซักนิด

สมมติเหตุการณ์ว่ามี linux 2 [...]