รู้จักกับ Inspector เครื่องมือช่วยคนทำเว็บ

Inspector (บางคนก็เรียก Debugger หรือ Developer Tools) เป็นเครื่องมือที่ช่วยให้เราสามารถดูและแก้ไข element ต่างๆ บนหน้าเว็บและดูผลลัพธ์ได้ทันที (แต่จะเป็นการแก้ไขชั่วคราว  รีเฟรชหน้าเว็บก็หาย  เหมาะกับการลองแก้เว็บ  ก่อนจะเอาไปลงไฟล์จริงๆ)  รวมทั้งใช้ตรวจสอบโค๊ดที่ผิดพลาดต่างๆ  การดูค่าของตัวแปรและวัตถุของจาวาสคริปท์   และยังมีฟีเจอร์อำนวยความสะดวกต่างๆ สำหรับคนทำเว็บอีกมากมาย

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

Inspector ในแต่ละเบราเซอร์

ปกติแล้วในแต่ละเบราเซอร์  ก็มักจะแถม Inspector ของตัวเองมาให้ใช้งานด้วยเช่นกัน (หรือถ้าเป็นเบราเซอร์ที่ใช้พื้นฐานมาจาก Chromium ก็จะแถม Developer tools ของ Chrome มาให้ใช้งาน)

Read More

รีวิว: พาทัวร์ Opera Next 15

เป็นเวลาสักพักใหญ่ๆ ที่ Opera ประกาศว่าจะเลิกใช้เอ็นจิน Presto ของตัวเอง  และหันไปพัฒนาโดยใช้ฐานจาก Chromium แทน  และเมื่อไม่นานมานี้ก็เพิ่งจะปล่อย Opera 14 for Android เบราเซอร์รุ่นมือถือที่มีฐานมาจาก Chromium ไป  จนถึงวันนี้  ก็ได้ปล่อย Opera Next 15 เบราเซอร์เดสก์ท็อปที่ใช้ฐานจาก Chromium มาให้ลองกันแล้วครับ

Opera Next 15 พัฒนาขึ้นมาโดยใช้ Chromium 28 เป็นฐาน  นั่นหมายความว่า Opera Next 15 จะได้เอ็นจินแสดงผล Blink มาด้วยนั่นเอง (Blink คือเอ็นจินที่ Google เอา WebKit มาแยกพัฒนาเอง  โดยลบโค๊ดที่ขยะทิ้งออกไป  ทำให้โดยรวมแล้ว Blink จะเบากว่า WebKit)  โดยใน Opera Next 15 ตัวแรกนี้  ยังพอร์ทเอาฟีเจอร์เก่าๆ กลับมาได้ไม่ครบ  หรือบางอันก็โดนถอดออกไปเสียอย่างนั้น  ดังนั้นในฐานะสาวก Opera จึงขอเขียนบล็อกรีวิวมันสักหน่อยแล้วกัน

สัมผัสแรกของ Opera Next 15

ในทีแรกที่ Opera 14 for Android ถูกปล่อยออกมา  ผมค่อนข้างหวั่นใจมากๆ ว่า Opera สำหรับ Desktop จะออกมาเป็นเหมือน Opera 14 for Android คือเปลี่ยนหน้าตาใหม่หมด  ฟีเจอร์หายเพียบ  และทำงานได้เชื่องช้าอืดอาด  แต่พอได้ลองใช้จริงๆ ก็พบว่ามันไม่ได้เปลี่ยนไปมากขนาดนั้น  โดยรวมหน้าตายังเหมือนเดิม  และการทำงานที่อาจจะเรียกว่าเร็วขึ้นด้วยซ้ำ

Read More

Opera Mobile 11 และ Opera Mini 6

บนโทรศัพท์มือถือ แม้จะไม่เห็นสงครามเบราเซอร์ที่ดุเดือดมากนักบนแพลตฟอร์มหนึ่งๆ แต่ว่าในแต่ละแพลตฟอร์มก็จะมีเบราเซอร์จากค่ายอื่นๆ มาให้เลือกใช้กันอยู๋ตลอด และหนึ่งในเบราเซอร์จาก 3rd party ที่อยู่มาอย่างยาวนาน นั่นคือ Opera ซึ่งตอนนี้ได้ออก Opera Mobile 11 และ Opera Mini 6 มาให้ใช้กันแล้วครับ

ในงานนี้ Opera ออกมาให้ใช้พร้อมกันถึง 7 แพลตฟอร์ม คือ Android, Symbian, BlackBerry, Windows 7, MeeGo, iOS (Opera Mini), และเวอร์ชั่น J2ME (Opera Mini นั่นแหละ)

การออกเวอร์ชั่นรอบนี้น่าสนใจครับ มีการปรับปรุง UI ใหม่เล็กน้อย มีการออกเวอร์ชั่นสำหรับ Tablet (มีของ Windows 7 Tablet ด้วย ซึ่งเอามาเล่นบน Windows XP ได้ปกติครับ) ซึ่งเดี๋ยวเราจะไปพูดกันตอนท้ายๆ ตอนนี้ไปดูฟีเจอร์ใหม่ใน Opera Mobile 11 และ Opera Mini 6 กันก่อนดีกว่า

Read More

Width and Height

I am both web developer and web designer. I need only 4 tools to complete my jobs. They are Notepad++, Adobe Photoshop, FileZilla, and all major browsers. (And my default is Opera!)

I don’t have any problem in coding (except finding how to use some functions). The thing that make me headache is about designing. The most headache problem I always encounter is “I don’t know how width and height the element (or space) is.”

My classic solutions to measure elements are Opera Dragonfly and Photoshop. But, sometimes it’s too slow. So, I am a hot-tempered designer! Opera Extensions save me from being boiled again. lol

My savior is OMeasure extension!

If you’re having a headache with the same problem, install it immediately!

Read More

Quick URL Shortening in Opera

Have you ever encountered some of these annoying things?

  1. A Web Address is toooooooooooooo long.
  2. Sometimes they are longer than 140 characters.
  3. Too lazy to open URL shortener website.
  4. Just want to open this page on a mobile instantly.

And many other things. You can tell me.

Thanks again to the useful feature in Opera 11, Extensions. I found one extension that will help you figure out all of the above annoying things. Let’s install Shorten URL extension.

Read More