Category Archives: Graphic Design

เปลี่ยน ip ด้วย VPN ขั้นเทพ :Hide my ass

วันนี้ผมจะเนะนำเพื่อนๆให้รู้จักกับ VPN   หลายคนอาจสงสัยว่า VPN คืออะไร จริงๆแล้ว VPN หรือ เครือข่ายส่วนตัวเสมือน (Virtual Private Network: VPN) คือ เครือข่ายที่มีการติดต่อเชื่อมโยงโดยอาศัยเส้นทางจากเครือข่ายสาธารณะในการ เชื่อมต่อกัน แต่เครือข่ายชนิดนี้จะเชื่อมต่อกันได้ภายในองค์กรเดียวกันเท่านั้น การส่งข้อมูลที่เป็นเครือข่ายส่วนตัว (Private Network) จะมีการเข้ารหัสแพ็กเก็ตก่อนการส่ง เพื่อสร้างความปลอดภัยให้กับข้อมูล และส่งข้อมูลไปตามเส้นทางที่ สร้างขึ้นเสมือนกับอุโมงค์ที่อยู่ภายในเครือ ข่ายสาธารณะ พูดกันแบบบ้านๆ ก็คือ ช่องทางการส่งข้อมูลส่วนตัว ที่จะเป็นทางลอดไปสู่อีกเครื่อข่ายหนึ่งนั้นเอง สมุติว่าปกติเราจะเข้าเว็บ เมืองนอกแต่เค้าอาจจะปิดกั้นทราฟฟิก จากไทย เมื่อเราใช้ vpn ก็เหมือนเราเอาข้อมูลลอดอุโมงไปโผล่ที่ เมืองนอกแล้วใช้ ip ของประเทศนั้น เข้าไปดูเว็บแทน แทนที่จะเป็น ip ของประเทศไทยนั้นเอง แล้วเรามีเหตุอะไรบ้างที่เราต้อง ใช้ VPN ในการทำ IM – เพื่อนๆ เคยเข้าไปดูข้อมูล ในบางเว็บแล้วเข้าไม่ได้เนื่องจากเค้าบล็อค ทราฟฟิคจากไทยรึเปล่า? – สมัคร Host free หรือ blog ฟรีไม่ได้เนื่องจาก โดนปิดกัน ... Read More »

เริ่มต้นการสร้างเว็บ Responsive ด้วย Bootstrap

ในการเริ่มต้นเขียน เว็บไซต์แบบ Responsive นั้นสิ่งที่ต้องเรียนรู้ คือ HTML5 และ CSS3 ซึ่งหลายคนยังไม่อาจยังไม่ถนัด ในการเขียนในรูปแบบนี้ดังนั้นวันนี้ผมจะมาสอนเทคนิคการทำ เว็บไซต์แบบ Responsive ด้วยการเรียนรู้แบบ ติดไอพ่นกันเลยทีเดียว ขั้นแรกเรามารู้จักกับ Framework Bootstrap ซึ่งจะมาเป็นผู้ช่วยของเราในบทความนี้ Bootstrap  ถูกพัฒนาขึ้นด้วย twitter ของเรานี้เองครับโดยตัว Bootstrap จะรวบรวมคำสั่ง Java และ CSS ไว้เพื่อให้ง่ายต่อการดึงมาใช้ในรูปแบบ Class ต่างๆ จึงทำให้การจัดหน้าตาของเว็บไซต์ง่ายขึ้นและยังสามารถเขียน Class ของเราเข้ามาผสมการทำงานกับตัวของ  Bootstrap ได้ด้วยเช่นกัน ขั้นที่สอง เรามาติดตั้ง Bootstrap กันดีกว่า -ในการติดตั้ง  Bootstrap  สามาถโหลดได้ที่ http://twitter.github.io/bootstrap/ หลังจากที่โหลดมาเสร็จเราจะเอาไฟล์ที่ได้มาไปไว้ใน Root เดี๋ยวกับเว็บที่เราสร้างไว้ โดยเมื่อแตก ไฟล์มาจะได้ โฟล์เดอร์ดังนี้ เวลาใช้งานนั้นทำได้ง่ายๆเพียงแค่ เพิ่ม โค้ดลงไปใน html ที่เราสร้างไว้ยกตัวอย่างดังนี้นะครับ <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, ... Read More »