DominixZ : Live Smart & Geeky » บทวิจารณ์

5 Add-on เด็ดสำหรับนักพัฒนาเว็บไซต์

DominixZ — Tue, 22 Sep 2009 15:10:26 +0000

Dust me Selectors เครื่องมือตรวจสอบหน้าเว็บว่ามี CSS Selector ตัวไหนไม่ได้ถูกใช้ในหน้านี้
FireQuery โปรแกรมใส่ jQuery ในหน้าใดก็ได้ด้วย jQuerify แล้วก็สามารถเขียนลองเล่นจาก console ได้ทันที
Firefinder เป็นเครื่องมือค้นหา element คล้ายๆ firebug แต่ดีกว่าซึ่งเราสามารถใส่ selector เพื่อดูว่ามันจะกระทบกับจุดไหนของเว็บไซต์บ้าง
PageSpeed คล้ายๆ YSlow แต่ครบเครื่องกว่า เอาไว้วัดว่าหน้าเว็บไซต์เราเร็วขนาดไหน แล้วจะ Optimize มันได้อย่างไร
Web Developer เครื่องมือสารพัดประโยชน์ ไม่ว่าจะเป็นการจัดการ CSS , JS , Form , รูปภาพ , เปลี่ยนขนาดจอภาพ , ไม้บรรทัด เพื่อให้ทำตามหลัก Web Accesibility ได้ง่าย

หวังว่าทุกท่านคงจะชอบ Firefox Add-ons พวกนี้ซึ่งทำให้งานพัฒนาเว็บไซต์ ของคุณง่ายขึ้นและละเอียดมากขึ้น ที่เหลือก็เพียงแค่คุณหัดใช้มันเป็นแล้วหรือยัง ?

Similar Posts:

Where r u Twitterer? ชาวทวิตเตอร์อยู่ไหนหรอ

DominixZ — Sun, 13 Sep 2009 13:25:08 +0000

หลังจากอยู่ในวงการณ์ทวิตเตอร์มานานอยู่มาวันหนึ่ง ก็คิดว่าเอะเราก็ใช้ทวิตเตอร์อยู่แล้ว แต่จะทำให้คนที่เขาติดตามเราเขารู้ได้ไงว่าเราอยู่ไหน โดยที่ไม่ต้องบอกเลย ก็เลยคิดวิธีโดยใช้สัญลักษณ์พิเศษเล็กน้อยคือ @#สถานที่ แบบนี้โดยเมื่อ ทวีต แบบนั้นแล้วสามารถใช้ระบบนี้

http://labs.jersure.com/twitter/

โดยคุณสามารถดูคนที่คุณติดตามได้โดยใส่ชื่อ username ลงไปก็สามารถดูคนที่เล่นคำนี้ได้แล้วครับ โดยเฉพาะถ้าคุณเล่น กับเราคุณยังสามารถแปะ embed code ได้โดยเขาไปยังชื่อของคุณแล้วนำมาแปะใน Blog หรือ HTML ของคุณได้เสมอเลยตัวอย่างของผมก็คือ

http://labs.jersure.com/twitter/tweets/whereAreYou/domesterz

ถ้าเขาไปจะเห็น Embed Code ผมก็เอา Code นั้นมาแปะที่เว็บผมที่อยู่ด้านขวาตอนนี้นะครับ

ปล. ตอนนี้ยังเล่นได้เฉพาะคนที่เป็น public tweet นะครับแต่ยังใช้ไม่ได้สำหรับ protected tweet

Similar Posts:

Twistori ภาษาไทย !

DominixZ — Thu, 03 Sep 2009 18:12:38 +0000

ถึงแม้จะทำงานแล้ว แต่ก็ไม่พลาดที่จะส่งผลงานชิ้นเล็กๆมาให้ทุกท่านได้เล่นกับ โดยผมเองได้นึกสนุกอยากทำเลียนแบบ Twistori.com ก็เลยลองเขียนเล่นๆดูครับ ตอนนี้ทำได้อย่างเขาประมาณ 60% ละเหลืออีก 40% เป็นรายละเอียดรวมถึง Option บางอย่าง สำหรับใครที่ยังไม่รู้ว่าเจ้า Twistori นั้นคืออะไรผมจะอธิบายให้ฟังคร่าวๆครับเจ้า Twistori นั้นเป็นการค้นหาคำใน Twitter แล้วนำมาใส่สีสันให้สวยงาม + effect ที่จะค่อยๆเลื่อนขึ้นทำให้มันน่าสนใจครับ

ในระหว่างที่เราดูนั้นสามารถสลับคำไปมาได้ ซึ่งถ้าใครเข้าไปโหลดแล้วมันช้า ก็แปลว่ามันอาจจะยังไม่ได้ Cache ไว้นะครับซึ่งผม Cache ไว้ 4 ชม. แล้วในอนาคตจะเปิดเป็น Open Source ให้ทุกท่านสามารถนำไปใช้ได้ครับผมโดยด้านหลังทำเสร็จไป 70% ละเหลือคำสั่งให้ติกได้ว่า เอาอันนู้นหรืออันนี้ไหมเป็นต้นครับ ใครอยากลองเล่น Twistori ภาษาไทยรุ่น Beta ก่อนเชิญได้ที่นี้ครับ

http://labs.jersure.com/twistori/

Similar Posts:

Getting Real หนังสือฟรีออนไลต์คุณภาพสูง

DominixZ — Thu, 27 Aug 2009 17:43:12 +0000

ผมหายไปนานมากช่วงนี้เพราะทำงาน + มีโปรเจคที่อยากทำมากมาย เลยพยายามที่จะทำในสิ่งที่ตัวเองอยากทำเลยไม่ค่อยได้อัพเดตบล็อค วันนี้ผมเลยมาพร้อมกับหนังสือที่ผมกำลังอ่านอยู่ซึ่งอยู่บน Internet ฟรีและดีมากๆ ชื่อหนังสือมีชื่อว่า “Getting Real” ถ้าผมแปลแบบโดนๆ น่าจะแปลว่า “ทำให้เป็นจริง” หนังสือพูดคุยเรื่องประมาณไหนนะหรอ ประมาณนี้เลย

พูดถึงการพัฒนา Software แบบสร้างให้น้อยลง
การทำให้มันเป็นจริง แทนที่จะรอโอกาส
ความปราถนาของคุณ

ซึ่งผมยังอ่านไม่ได้มากเลย แต่ผมเห็นว่าหนังสือเล่มนี้น่าอ่านมาก (ผมรู้จักนานแล้ว แต่พึงมีโอกาสได้อ่าน) เลยนำมาฝากทุกๆท่าน แล้วไม่เป็นการทิ้งช่วงไม่อัพบล็อคนานจนเกินไป

Getting Real

Similar Posts:

มาแข่งคณิตคิดเร็วกันดีกว่า

DominixZ — Wed, 24 Jun 2009 17:35:32 +0000

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

http://math.jersure.com/

ส่วนคนที่อยากได้โจทย์เยอะกว่านี้สามารถใส่ตัวเลขลงไปใน URL ได้เลยยกตัวอย่าง เช่น

http://math.jersure.com/math/index/30

เพื่อให้โจทย์ออกมา 30 ข้อครับ เปลี่ยนเลข 30 เป็นเลขอะไรก็ได้ครับ เอาละครับก่อนจากไปผมได้ลองทำ 30 ข้อครับผลดังนี้เลย

Correction : 96.6666666667
Total Times : 46 seconds

แล้วคุณละทำได้เร็วเท่าไร ? ไปนอนแล้วครับสวัสดีครับ

Similar Posts:

CSS Grid เพียงแค่ 1kb เท่านั้นเลือกตามที่ชอบได้ !!

DominixZ — Sat, 20 Jun 2009 17:20:22 +0000

หลังจากเปิดหัวข้อบทความสั้นวันนี้ได้ฤกษ์ประเดิมอันแรก เลยคือผมจะเขียนสั้นๆเท่านั้น วันนี้ผมเลยมาแนะนำ เว็บไซค์สร้าง CSS Grid เพียง 1kb เท่านั้นโดยเราสามารถปรับ จำนวน column , ความกว้าง column และความกว้างช่้องว่างได้ ถึงแม้จะปรับไม่ได้ทุกแบบ แต่ก็เพียงพอต่อการใช้งานในปัจจุบัน จะเป็นไงลองโหลดมาเล่นดูได้ครับ เขามีตัวอย่างพร้อมเลยที่

http://1kbgrid.com/

Similar Posts:

SiamBookmark บริการคั่นหน้าออนไลน์

DominixZ — Sun, 17 May 2009 09:27:59 +0000

SiamBookmark หลังจากที่น้องเมฆอยากให้ผมรีวิวพ์ให้ แต่ก็เดียวลืม เดียวไม่ว่าง เลยไม่ได้เขียนซักทีวันนี้มา รีวิวพ์ให้แล้วตามคำขอเมื่อนานมาแล้ว 55+ เอาละครับ เว็บไซต์นี้เป็นเว็บไซต์คล้ายๆกับ Zickr.com , Duocore.tv ซึ่งผู้ใช้สามารถส่งเว็บไซต์เข้ามาในเว็บนี้ได้ ซึ่งมีหมวดหมู่มากมายให้เลือกกันไปซึ่งที่นี้มีคนส่งเข้ามากันมากพอสมควรแต่

ไม่ค่อยมีคน Vote
เว็บไซต์ดูแปลกๆ (เหมือนมันไม่สมบูรณ์)

ส่วนเรื่องเนื้อหาสำหรับผมแล้ว ผมว่าที่นี้ก็ดีพอสมควรเลยละสำหรับคนที่เบื่อข่าว IT , ข่าวดารา อยากรู้จักรเว็บใหม่ๆแปลกๆ โดยไม่ต้องไปแย่งกับข่าวที่นี้ก็มีบทความและเว็บไซต์ใหม่ๆมาใส่ให้สะดุดตาทุกวันเลยทีเดียว

SiamBookmark บริการคั่นหน้าออนไลน์

Similar Posts:

ThaiHoster โฮสไทยฟรีแบบนี้หาได้ที่นี้

DominixZ — Mon, 30 Mar 2009 04:13:31 +0000

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

พื้นที่ 50mb – 1Gb (เริ่มต้นให้ 50mb)
Bandwidth 5Gb – 10Gb (เริ่มต้น 5gb)
เป็น PHP และมี MySQL ให้พร้อม
ส่วนรายละเอียดอื่นๆลองดู ที่นี้ ครับผม

ส่วนเรื่องข้อตกลงในการใช้งานนั้น คุณจะต้องยอมแปะ แบนเนอร์ ของเขาในเว็บไซต์ของท่านและมีข้อกำหนดอื่นๆ ซึ่งอ่านเพิ่มได้ ตามลิงค์นี้เลยครับ http://www.thaihostor.org/home/1-registration/1-condition.html เอาละครับ ถ้าคุณไม่ิคิดจะทำอะไรผิดกฎหมาย เพียงคุณแปะแบนเนอร์ในเว็บไซต์ แล้วอัพเดตทุกๆ 30 วันแค่นี้ก็ได้ใช้ โฮสฟรีแล้วครับ สำหรับตัวผมก็อาจยาย เว็บบอร์ดบางเว็บไซต์ที่ผมทำอยู่ไปวางไว้ ผมจะได้นำบริการอื่นๆ มาฝากไว้ที่ AppServ ส่วนเว็บบอร์ดหรืออะไรที่ทำเป็นกลุ่มเล็กๆก็จะเอาไปฝากไว้นู้นเลย ไปลองสมัครดูกันเลยที่

ThaiHoster.org

Similar Posts:

CodeIgniter ไม่ใช่ Framework ที่ดี !

DominixZ — Mon, 09 Mar 2009 19:07:38 +0000

หลังจากผมเป็นคนแนะนำผ่าน Blog นี้ว่า CodeIgniter นั้นดีหนักหนา และเหมาะสมที่จะเรียนรู้ แต่ไหงวันนี้มากลับคำพูดตัวเองแบบนี้ละ ที่จริงไม่ใช่อะไรหรอกครับผมตั้งหัวข้อชวนคิดว่าจริงๆแล้ว CodeIgniter มันดีจริงหรืิอ ? ถ้าผมหยิบประเด็นมาพูดจริงๆ มีหลายเรื่องที่ CodeIgniter ยังไม่ถือว่าดีหนัก และมีอีกหลายเรื่องที่ CodeIgniter ทำได้ดีมาก เอาละครับวันนี้ผมก็มาเผา CodeIgniter พอประมาณกันหน่อยดีกว่า (ขนาดเปิดเว็บ CodeIgniter.in.th แล้วไหงมาเผาซะงั้น แล้วใครจะใช้เนี้ย)

การเขียนโค้ดยังขาด ความรวดเร็วในการเขียนถ้าเทียบกับ CakePHP หรือข้ามรุ่นอย่าง Ruby on Rails
ไม่มีการทำ “ข้อตกลงในการเขียน” (Convention over configuration) ทำให้ Developer ทำงานได้ตามใจชอบซึ่งมันมีดีและไม่ดีอยู่เหมือนกัน
CodeIgniter ไม่ใช่ Full-stack framework ทำให้ดูขาดๆต้องหาส่วนมาเติมเต็มไม่มากก็น้อย ไม่ว่าจะเป็น ORM , AJAX หรืออื่นเช่น Auth and ACL
ไม่มีตัว Generator ที่ช่วยทำหลายๆอย่างให้แกเราอย่าง CakePHP หรือ Ruby on Rails
ตัวช่วยหลายๆตัวยังดีไม่พออย่างเช่น Active Record ถึงแม้ว่าจะดีแต่ก็ยังไม่ง่ายที่จะเอาไว้เรียกใช้ (ต้องทำเอง)

เอาละครับว่ากันไปหอมปากหอมคอ เสร็จแล้วผมจะมาพูดในอีกมุมมองหนึ่งละกันครับ ว่าในการที่มันไม่มีอะไรเนี้ยและที่ทำให้มันสุดยอด ไม่ใช่แค่ดี 55+ (ด่าก่อนแล้วขายของ) แล้วมันดียังไงละ หลายคนอาจจะไม่เห็นด้วยกับสิ่งที่ผมกำลังจะบอก แต่ผมมองว่านี้คือจุดแข็งของ CodeIgniter อย่างแท้จริง และทุกคนก็อยากใช้มันเพราะสิ่งนี้

CodeIgniter มีระบบ Hooks ซึ่งยอมให้เราเปลี่ยนแปลง หรือทำบางอย่างซึ่งไม่ต้องยุ่งกะตัวระบบโดยตรง ทำให้พัฒนาต่อยอดได้ โดยยังไม่กระทบระบบ CodeIgniter
อิสระที่จะทำอะไรยังไงก็ได้ และง่ายต่อความเข้าใจ เพราะไม่มี “ข้อตกลงในการเขียน” ทำให้โค้ดส่วนใหญ่อยู่ในคู่มือและใช้ PHP ธรรมดา ไม่ต้องเรียนรู้และจำข้อตกลง
สามารถต่อเติม Library ต่างๆเข้าไปได้อย่างง่ายดาย และเข้าใจง่าย และไม่มีการบังคับโดยตรง มีเพียงการแยก folder เพื่อบ่งบอกมาให้แล้วแค่นั้น แต่ไม่บังคับ เช่น library กับ helper (จริงๆมันมีหลักในการเขียนอยู่ซึ่ง ใน Ruby on Rails จะใช้ Helper ใน view โหมดและ library ใช้ใน controller แต่ตอนหลัง ก็มีการทำให้สามารถใช้ helper ใน controller ได้ซึ่ง CodeIgniter ทำแบบนี้แต่แรก)
ความอิสระที่จะโหลด view ยังไงก็ได้ตามใจชอบ ซึ่งทำให้คนเขียน/คนมาอ่านต่อเข้าใจได้อย่างชัดเจน ซึ่งส่วนนี้ถ้าเกิดมีข้อตกลงมันจะดีคือเขียนน้อย แต่อาจจะงงถ้าศึกษามาไม่ดีพอ
เอกสารที่ดี ทำให้มือใหม่ศึำกษาได้รวดเร็ว และไม่จำเป็นต้องรู้สิ่งอื่นๆมากๆตามมา
ถึงแ้ม้ไม่มีระบบที่ติดมาอย่างมากมาย แต่เราสามารถติดมันเองได้ ซึ่งเสียเวลาก็จริง แต่ทำให้เรารู้แน่ชัดว่าระบบเราต้องการใช้อะไรบ้าง และให้เรามีสิทธิเลือกตัวที่จะมาใช้งาน

อะพอหอมปากหอมคอที่ทั้งด่้าและชม อย่างเต็มปากเต็มคำ แต่ที่สุดของ CodeIgniter ไม่ใช่การใช้ CodeIgniter ในความคิดผมมันคือการทำ Framework ของตัวเองโดย CodeIgniter !!! ซึ่งสิ่งนี้ผมว่าเจ้าตัวอื่นๆสู้ได้ยากเพราะไม่มีอิสระ ซึ่งเรียกว่า Framework พร้อมใช้นั้นเอง ในกรณีของ CodeIgniter จะเรียกพร้อมก็ได้ แต่จริงๆผมว่ามันยังแค่เกือบพร้อม เพราะยังขาดหลายอย่างซึ่งต้องต่อเติมเอง แต่ด้วยความมันเป็นแบบนี้ นี้และทำให้เราทำ Framework ของตัวเองได้อย่างสนุกสนานทั้งมี Hooks , ต่อเติม Library , ไหนจะยังสามารถรวม library เจ๋งๆอย่าง Zend และอื่นๆมาใช้งานได้อีก แล้วมีผลต่อองค์กรอย่างไรหรอครับ

คุณทราบไหมว่าปกติแล้วองค์กรส่วนใหญ่ชอบทำ Framework เป็นของตัวเอง ? หลายๆที่ทำงานที่ผมเคยได้ไปทำมานั้นมีการใช้ Framework เป็นของตัวเองทั้งนั้นซึ่งมีทั้งพัฒนาเองหรือไปต่อยอดจากตัวอื่นก็มีมาก (ผมทำมา 4 ที่ก่อนล่าสุดตอนนี้จะอยู่กับ Duocore พาร์ตไทม์นะครับ) แล้ว CodeIgniter ก็หยิบยื่นโอกาสง่ายที่จะสร้าง Framework ของตัวเองให้เป็นเรื่องง่าย ไม่แพ้ Zend รวมกับความเร็วที่มีอยู่และ library อันน้อยนิดทำให้ความเร็วก่อนจะโมอยู่ในผลลัพธ์ที่น่าพอใจมาก , ความเร็วในการเขียนโค้ดซึ่งใช้ได้ แต่ยังไม่เร็ว ทุกอย่างดูกลางๆไปหมดแล้วแต่คุณจะเลือกทางเดินของ Framework คุณว่าจะเดินไปทางไหน แล้วคุณจะลดอะไร?

ถ้าให้เปรียบเทียบง่ายๆถ้าใครเคยเล่นเกม Ragnarok ตอนเริ่มสร้างตัวละคร คุณต้องเลือกสักทางว่าจะ up STR แล้วต้องเสีย INT ทำนองเดียวกัน ถ้าจะสร้าง Framework ที่เน้นการเขียนโค้ดน้อยๆได้ผลลัพธ์เยอะๆ บางครั้งประสิทธิภาพมันก็อาจจะช้าก็เป็นได้ แต่สุดท้ายคุณมี “อิสระที่จะคิด จะทำได้” นี้และคือความสุดยอดของ CodeIgniter อิสระที่เพียงพอ และกรอบที่ให้พึงพาได้ วันนี้มาขายของพอแล้วอย่าลืมติดตามเรื่องราว CodeIgniter ได้จากชุมชนแห่งนี้ครับ

Codeigniter.in.th

Similar Posts:

Balsamiq Mockups เครื่องมือทำ Mockup อย่างง่ายและดี

DominixZ — Wed, 04 Mar 2009 09:10:45 +0000

Balsamiq หลังจากรับ License ของเขามานานพอสมควรวันนี้ได้โอกาส Review แล้วครับ เจ้า Tools ตัวนี้ทุกคนอาจไม่ค่อยคุ้นสักเท่าไร ขอสรุปง่ายๆว่ามันเป็นเครื่องมือทำ Mockup ครับโดยมีประสิทธิภาพมากพอตัวเลยทีเดียว ข้อดีคือผู้ผลิตได้เตรียมสิ่งจำเป็นต่างๆในการทำ Mockup แต่ละอย่างมาให้แล้วไม่ว่าจะเป็นทำตัว Web App ก็จะเตรียมตัว Tools มาให้มากมาย โดยผมจะพูดข้อดีข้อเสียให้ฟังกันครับ โดยเจ้า Tools ตัวนี้ผมรู้จักมาจาก Iamia.net ครับซึ่งแนะนำไว้ทำให้ผมได้ลองใช้ และลองขอ License เขามาใช้ดู เอาละมาดูข้อดีกันก่อนเลยครับ

ข้อดี

ใช้งานง่าย การลากวางทำได้รวดเร็ว
มีของให้ใช้เยอะมากมาย ทำให้เราไม่ต้องเขียนอะไรใหม่เองเลย
สามารถเพิ่มรูปแบบใหม่ๆมาใช้งานได้ เช่น iPhone
สามารถ Group / Ungroup หรือ Lock ได้คล้ายใน Flash เพื่อสะดวกในการออกแบบ
สามารถนำออกเป็นแบบภาพ PNG ได้

ข้อเีสีย

ไม่รองรับภาษาไทย !!
การแยกประเภททำให้สับสนสำหรับคนยังไม่ชิน
เวลาจะใส่ข้อมูล บางอันทำให้งง และไม่สวย เช่น Datagrid
ปุ่ม key ลัดบางอย่างก็ไม่ได้มีอธิบายไว้ชัดเจน เช่น Ctrl+Enter เพื่อออกจากการพิมพ์ข้อมูลของเครื่องมือ

แต่ขอฟันธงว่าออกแบบ Interface คร่าวๆได้ดีมากๆเหมาะสำหรับ เวลาไม่รู้จะเริ่มต้นยังไงก็ใช้เจ้าตัวนี้ออกแบบก่อนเลย เสร็จแล้วค่อยใช้เครื่องมืออื่นมาเสริมรายละเอียดสำหรับ เมื่อใช้คล่องๆแล้วทำให้ได้ผลลัพธ์รวดเร็วมากๆ ไม่เชื่อไปลองโหลดมาเล่นดูสิครับ แล้วถ้าอยากได้ License ฟรีก็แค่ Review ให้เขาหน่อยแบบผมนี้ไง http://www.balsamiq.com/products/mockups

Similar Posts: