RSS
 

jQuery คืออะไร??

05 Mar

jQuery คืออะไร ชอบมีคนถามแบบนี้บ่อย ๆ ส่วนใหญ่ก็จะบอกว่ามันเป็น JavaScript Library ที่บรรจุเอา Function ต่าง ๆ เอาไว้ แล้วยังงัยล่ะ งงเหมือนเดิม 555

jQuery – “write less, do more” ตามชื่อเลยครับ jQuery มีหน้าที่ทำให้คนพัฒนาเขียนน้อยลงแต่ทำงานได้มากขึ้น แสดงว่าคุณสามารถทำงานได้เสร็จเร็วขึ้นมากมาย

ข้อดี jQuery

  • ถ้าเข้าใจแล้ว เขียนน้อย ได้งานเยอะ เพราะเค้าเขียนมาให้เราใช้ จะเขียนใหม่ทำไม
  • รองรับได้ทุก ๆ Browser ดีกว่าเขียน Javascript แบบเดิม ๆ “document.getElementById(‘Email’);” ที่ไม่รองรับทุก Browser
  • ทำงานได้ในรูปแบบที่ไม่ต้องโหลดหน้าใหม่ให้คนใช้เห็น (ajax)
  • รองรับกับภาษาได้ทุกรูปแบบ (asp, php, .net , html ,…..)
  • และอีกมากมายแล้วแต่จะไปประยุกต์ใช้กัน

ปกติการใช้งาน jQuery จำเป็นจะต้องรู้จัก CSS Selector ซะก่อน

ซึ่งนี่แหละคือปัญหาของคนที่อยู่ทางฝั่ง Programming ไม่รู้จัก CSS Selector เพราะคิดว่ามันเป็นของฝั่ง Designer

ส่วนคนทำ Design ก็ไม่เข้าใจ jQuery เพราะมันเป็นเรืองของ Code ไม่เกี่ยวกะ Design แล้วแบบนี้เมื่อไหร่เว็บจะเกินการพัฒนา ถ้าไม่รู้จักเรียนรู้ซึ่งกันและกัน (จริง ๆ แล้วตัวเองก็โง่เรื่อง CSS เหมือนกัน ส่วนเรือง Code ก็โครตโง่เลย)

ทำไมการใช้  jQuery จะต้องรู้จัก CSS Selector ก่อนก็เพราะว่า มันต้องมีการเรียกใช้งานที่ผูกติดกับหน้าเว็บเพื่อเอาไปใช้ในการแสดงผลน่ะแหละ

jquery-visual-css-selectorjquery-visual-css-selector 

จากภาพเราจะเห็นว่า มีการใช้ DIV ในส่วนของการ Design (หากใช้ยังใช้ Table อยู่ก็ เอออออ ผิดยุคหรือเปล่า เรียนรู้สิ่งใหม่ ๆ กันบ้างนะ ตัวเองก็ยังไม่เป็นเหมือนกัน 555) การใช้ DIV จะมีการอ้างอิงด้วย ID เช่น

<div id=”orange”>ส้ม</div>

การใช้ jQuery เรียกใช้งานการแสดงผลส่วนนี้ ก็จะใช้ว่า $(‘#orange’) ดูจากรูปตรงกลางนะครับส่วนที่เลือกคือสีเขียว ๆ ถ้าเป็นแต่ก่อน การที่อยากให้ DIV orange มันหายไปทำอย่างไร
ก็จะไป Search หากันว่า “javascript hide div” บลา ๆ ๆ
ก็จะได้มาประมาณว่า

document.getElementById(‘orange‘).style.visibility = ‘hidden’;

ยังไม่รวมถึงเรื่องของการมาเช็คอีกว่า browser เป็น IE5, IE6, NS, FF, ….   บ้าไปแล้ว (เคยบ้าอยู่พักนึงเหมือนกัน) แต่ถ้าเกิดเป็นการเขียนแบบ jQueryล่ะ

// Select an element that has ID of “orange“, and hide it
jQuery(‘#orange‘).hide();

โอววววว แค่นี้แหละ แต่อย่าลืม ใส่ file jQuery ไว้ที่ tag head ด้วยล่ะ เดียวจะว่าทำไมมันไม่ทำงาน



 

Ref : http://blog.ck2connect.com/2012/03/what-is-jquery/

 
 

MAPLESTORY ADVENTURES CHEATS

30 Aug
MAPLESTORY ADVENTURES CHEATS

MAPLESTORY ADVENTURES CHEATS

Maple Story Adventures เป็นเกมบน Facebook อีกตัวที่ดังมาก ในที่สุดก็มี Cheats ออกมาให้ได้ลองกัน แต่จะใช้นานแค่ไหนนี่ซิ ตอนนี้ทดสอบอยู่ที่ version 1.8.1.5 ถือว่าใช้ได้ดีพอสมควร (update 2011-09-01)

Need :

  • Cheat Engine (ใช้ไม่เป็น หรือเปิดแล้วดูยากเกินไป ก็ไม่ต้องพยายามไปโกงมัน)
  • Browser (Chrome , Firefox)
  • Download required files [download] // รอเวลานับถอยหลัง, กด download, กด >> Download << again. หาก download ไม่ได้ให้ลองเปลี่ยน browser นะครับ

Step :

  1. เปิด Maplestroy adventures on Facebook เข้าหน้าเกม ห้ามเดินไปไหนนะครับ
  2. เปิดโปรแกรม Cheat Engine (ใช้ไม่เป็น หรือเปิดแล้วดูยากเกินไป ก็ไม่ต้องพยายามไปโกงมัน หา download ที่ไหน ก็ Google ครับ พยายามหน่อย )
  3. เลือก Process browser ที่เรากำลังเปิดเกม Maple อยู่
    • Google Chrome = Chrome.exe (มีหลายอันหน่อย ถ้าไม่ได้เปิดหน้าจอเยอะ ก็น่าจะอยู่อันที่ 3 )
    • Firefox = Plugin-Container.exe (บนนี้จะมี Process เดียวง่ายหน่อย)
  4. กดที่ปุ่ม “Memory View” ใน Cheat Engine (Under the address table)
  5. กด Tools -> Auto Assemble กดแล้วจะมี Popup ขึ้นมาให้
  6. Copy Code ที่ได้จากการ download file [download] ไปลงใน Popup ของ Auto Assemble   เป็น Text file นะครับ ชื่อ [FileCopter]MapleStory.txt
  7. Click Execute.

 

Cheat นี้ทำอะไรได้บ้าง

  • Auto pickup collection items
  • Increased AOE Range
  • Walk Speed
  • Don’t Miss
  • Max Damage
  • Godmode

Read more: http://www.pwnthis.net/2011/08/maplestory-adventures-cheats_31.html#ixzz1WfsRVKsD

Step :

 

  1. เปิด Maplestroy adventures on Facebook
  2. เปิดโปรแกรม Cheat Engine (ใช้ไม่เป็น หรือเปิดแล้วดูยากเกินไป ก็ไม่ต้องพยายามไปโกงมัน หา download ที่ไหน ก็ Google ครับ พยายามหน่อย )
  3. เลือก Process browser ที่เรากำลังเปิดเกม Maple อยู่
    • Google Chrome = Chrome.exe (มีหลายอันหน่อย ถ้าไม่ได้เปิดหน้าจอเยอะ ก็น่าจะอยู่อันที่ 3 )
    • Firefox = Plugin-Container.exe (บนนี้จะมี Process เดียวง่ายหน่อย)

     

  4. เปลี่ยนค่าการ Scan Type ให้เป็น Array Of Bytes
  5. Scan ค่าตามด้านล่าง จะเจอ 1 ถึง 2 ค่าออกมา (Double Click ทั้ง 2 ค่า ให้มาอยู่ใน Bar ด้านล่างของ Cheat Engine)
  6. คลิกขวาค่าที่ได้ เลือก change value  เปลี่ยนค่าตามข้อมูลด้านล่างแล้วกลับไปทดสอบในเกมได้เลย

(ย้ำว่า หากใช้ Cheat Engine ไม่เป็น ไม่ต้องพยายมก็ได้ เล่นตามปกติไปครับ)


Energy request (Request energy from friends while your bag still have food) ลองแล้วงงอยู่
D0 46 D8 04 00 14 01 00 00 47 26 D0 46 D9 04 00 14 01 00 00 47 26 D0 46 DA 04 00 14 01 00 00 47 26 D0 46 DC 04 00 14 01 00 00 47
Change To
D0 46 D8 04 00 14 01 00 00 02 26 D0 46 D9 04 00 14 01 00 00 02 26 D0 46 DA 04 00 14 01 00 00 02 26 D0 46 DC 04 00 14 01 00 00 02

Godmode (คืออะไร งง เหมือนตี miss หรือเปล่า)
D0 4F BE 1B 00
Change To
02 02 02 02 02

 

Max Damage (ก็ไม่เห็นจะ Max ทุกครั้งนะ)
60 BC 02 24 5F 24 69
Change To
60 BC 02 24 69 24 69

Enemy Always Miss You (อันนี้ชัดเลย work มาก)
d0 30 2f 13 48
Change To
d0 30 24 01 48

 

Facebook Privacy Settings Change

29 Aug
Facebook Status Update

Facebook Privacy Setting

ช่วงนี้ Facebook ปรับตัวเองค่อยข้างเยอะ เนื่องด้วยโดนเจ้าใหม่ ๆ เข้ามาทำกระแส เช่น G+ (แย่งคนไปคงยาก) หรือหลาย ๆ คนก็ติดว่า Facebook เป็นเรืองที่มันไม่เป็นส่วนตัว แต่จริง ๆ แล้วมันมีความเป็นส่วนตัวค่อนข้าสูงมาก เพียงแต่ Default มันมักจะ Set ให้เป็น Public หรือไม่ก็ Friends of Friends เป็นส่วนใหญ่

ล่าสุดได้มีการปรับในเรืองของ Privacy Setting มาเพิ่ม ซึ่งมีหลายคุณสมบัติ เพือให้คนใช้สร้างความเป็นส่วนตัวได้มากกว่าเดิม ลองมาไล่กันดูดีกว่าว่ามีอะไรให้ ป้องกันไม่ให้คนที่เราไม่ชอบเข้าถึงความเป็นส่วนตัวของเราบ้าง

Status Update Privacy Setting

Facebook Status Update

Facebook Status Update

 

คุณสามารถ มี Status ร่วมกับเพือน ๆ พร้อม ๆ กันได้แล้ว (1)    กำหนด Geo Location ได้ด้วย (2)   เลือก  Share ว่าจะให้ใครเป็นได้บ้างได้มากขึ้น (3)

How You Connect (ต้องการให้เพือนเราเห็นอะไรบ้าง) Privacy Setting

How You Connect

How You Connect

 

How Tag Work (อันนี้รอมานานเรื่อง สิทธิ์ในการ Tag รูปของเรา) Privacy Setting

How Tag Work

How Tag Work

แต่ก่อน ถึงแม้เราจะกำหนดว่ารูปที่เรา Post ไปเห็นได้แค่เพือนเราเท่านั้น แต่ถ้าหากเพือนเรา Tag รูปนี้ไปให้เพือนของเค้า(ชื่อนาย S และไม่ใช่เพือนเรานะ) รูปนั้นจะหลุดจาก Policy ที่เราตั้งไว้ทันที  คือคนที่ไม่ใช่เพือนเรา(นาย S) จะมีสิทธ์ถึงขั้น Comment รูปเราได้ทันทีเลย

ตอนนี้มี Function Tag Privacy มาให้ถือว่าดีมาก ๆ แล้วมันทำอะไรได้บ้างล่ะ

Profile Review เราไว้ตรวจสอบเวลาใคร Tag เรา อย่าพึ่ง Post ลง Wall เรา เดียวคนอื่นจะรู้ว่าเราไปไหน มาอาจซวยได้

Profile Review

Profile Review

 

Profile Visibility รูปที่ถูกเพือน Tag มายังกำหนดได้ด้วยว่าจะให้ใครเป็นบ้าง เช่น ห้ามคนในครอบครัวเห็น เดี๋ยวซวย 555

Profile Visibility

Profile Visibility

 

Tag Suggestions เวลาเพือน Upload รูปที่มีรูปเราอยู่ด้วย ให้ Facebook บอกเพือนเราเลยมั้ยว่ามีเราอยู่ในรูป ช่วย Tag มาหน่อย อยากดู

Tag Suggestions

Tag Suggestions

 

Friends can check you into Places ให้เพื่อน Tag เราลงใน Places เวลา Check-in ได้หรือเปล่า

Check you into places

Check you into places

 

Tag Review in your post อันนี้แหละที่หลาย คนอยากได้ คือใครที่มา Tag รูปเรา ให้คนอื่น ที่ไม่ใช่เพือนเรา หรือนอก Policy ของรูปนั้น ๆ  จะต้องให้เรา Approve ก่อนเท่านั้น เปิด On ไว้จะดีมาก สำหรับคนที่ต้องการความเป็นส่วนตัว ไม่ให้รูปเราหลุดไปโดยไม่รู้ตัว  หากใครมา Tag มันจะมี Notifications ให้เราไป Approve ก่อน ดีจริง ๆ

Tag Review

Tag Review

 

ส่วนใน Edit Profile ก็สามารถกำหนดความเป็นส่วนตัวได้มากขึ้น

Edit Profile

Edit Profile

Edit Profile

Edit Profile

เอาเท่านี้ก่อนละกัน เยอะมากที่เปลี่ยน เพือความเป็นส่วนตัวของคนใช้

เพิ่มอีกนิด Function View As ในหน้า Profile ของตัวเอง

Facebook View AS

Facebook View AS

กด View As.. แล้ว ใส่ชื่อเพือนเราลงไปเลย เพือจะได้เห็นว่า เพือนเราเป้นหน้า Profile เราเป้นแบบไหน เช่น เรา Post รูปไปเที่ยวกับเพือน แต่ไม่อยากให้ แฟนรู้ หลังจากไป ตั้งค่ารูปแล้ว ไม่มั่งใจว่า Account แฟนจะเห็นรูปเราหรือเปล่า ก็มาตรวจสอบจากตรงนี้ได้เลย

 

iGames : Cat Physics

24 Jul

นาน ๆ จะเจอ App Game เครียด ๆ ใช้สมอง กว่าจะจบแทบตายเหมือนกัน เลยเอาใาแนะนำ สำหรับคนชอบใช้สมองทางด้าน มุมตกกระทบ มุมสะท้อน ตามหลัก Physics กัน

iGames: Cat Physics


$0.99     This app is designed for both iPhone and iPad
  • Category: Games
  • Updated: Jun 15, 2011
  • Current Version: 1.20
  • Size: 8.2 MB
  • Language: English
  • Seller: Swedish Game Development AB
  • © 2010-2011 Donut GamesRequirements: Compatible with iPhone, iPod touch, and iPad. Requires iOS 3.0 or later

————————————————————————————————

สำหรับเกม Cat Physics ชื่อก็บอกอยู่แล้วว่า Physics นั่นคือเป็นเกมที่มีการคำณวนแบบ Physics นั่นเอง ก็คล้าย ๆ Angry Birds ก็มีการคำณวนแบบ Physics เหมือนกัน

การเล่นก็ง่ายมาก แค่กลิ้งบอลจากแมวตัวหนึ่งไปยังอีกตัวหนึ่ง โดนจะมีอุปกรณ์ และอุปสรรคต่าง ๆคอยขวาง ไม่ให้มันง่ายอย่างที่คิดเท่านั้นเอง
ใน Version 1.20 จะมีด่านทั้งหมด 90 ด่าน แต่ละด่านก็จะมี ดาว ให้เหมือน Angry Birds เลยครับ แต่ผมคิดว่า Cat Physics ทำได้ดีกว่าในเรืองของการคำณวณ อาจเป็นเพราะ ชิ้นส่วนในเกม ไม่ได้เยอะเท่า Angry Birds ก็เป็นได้

ในตัวเกม จะมีการส่ง Score ไปรวมกัน เพือจัดอันดับในแต่ละประเทศ หรือจัดอันดับโลกให้เราด้วย  อันนี้เป้นการจัดอันดับใน Thailand ครับ (ได้ที่ 7 อยู่)

สำหรับใครที่ต้องการ Walkthrough สามารถเข้าไปดูได้ที่ Cat Physics Thailand ได้ครับ

ภาพตัวอย่างเกมครับ

 

Cat Physics Thailand

 

Make multiple calls in Gmail

21 Jul

หลังจากที่ Google+ Hangouts ได้มีการเปิดตัวเรืองของการใช้  Multiple VDO Calls ไป เป็นที่กดดันของ Facebook ที่ยังคงใช้ VDO Call ได้แค่ 1:1 เท่านั้น
(ตอนน้อง ๆ ที่ทำงานเห็น Hangouts ครั้งแรก ก็อุทานออกมาว่า “Ohhh Noooo นี่มัน Camfrog หมู่นี่นะ”  ก็น่าจะสนุกดี) เข้าเรืองต่อดีก่า

วันนี้ ทาง Blog ของ Gmail ได้ออกมาเขียนเปิดตัวว่า Gmail ก็มี Multiple Calls กับเค้าเหมือนกัน

ซึ่งปกติการ Call จะถูกกำหนดให้โทรได้แค่ครั้งละ 1 สายเท่านั้น แต่วันนี้ได้มีการเปิดให้โทรเพิ่มสายที่ 2 ได้ในขณะที่สายแรกกำลังเม้ากันอยู่ ด้วยการกด Hold เหมือนโทรศัพท์ปกติเลย แล้วก็โทรหาเบอร์อื่นต่อได้ทั้นที

อีกทั้งในเมื่อสามารถรองรับเรื่องของ Multiple Calls กันได้แล้ว นั่นแสดงว่า มีคุณสมบัติในเรืองของการรับสายซ้อนมาด้วยแน่นอน ให้เราสามารถเลือกที่จะรับหรือปฏิเสธสายที่เข้ามาได้