adkdev // Just another web development blog


Archive for JavaScript

Fancy Menu: CSS and JS fun

Guillermo Rauch หนุ่มน้อยหน้ามน ซึ่งอายุได้เพียง 16 ปี จาก Argentina ได้เขียน fancy menu โดยใช้ CSS และ JavaScript โดยมี mootools เป็นฐานในการพัฒนา (อะไรจะเก่งปานนั้น)

ตัวอย่างโค้ดก็ได้ประมาณนี้

  1. window.addEvent(’domready’, function() {
  2. new SlideList($E(’ul’, ‘fancymenu’), {transition: Fx.Transitions.backOut, duration: 700, onClick: function(ev, item) { ev.stop(); }});
  3. });

การแสดงผลจะทำให้ดูเหมือนกับว่า มีการซูมเข้าไปในเมนูนั้น ซึงก็ทำออกมาได้ดีทีเดียว (ดีมากๆ) ว่าแต่เด็กรุ่นราวคราวเดียวกันกับ พ่อหนุ่ม Guillermo Rauch ในบ้านเราจะเขียนอะไรแบบนี้ออกมาบ้างมั้ยน้า……

Fancy Menu: CSS and JS fun

ที่มา Ajaxian

Compressed versions of Prototype

คุณ John-David Dalton ได้ทำการ ลดขนาด Prototype.js ซึ่งเป็น JavaScript frameworks ที่ได้รับความนิยมมาก
ขนาดไฟล์หลังทำการลดขนาด เหลืออยู่เพียง 14.4 kb จาก 66 kb (version 1.5.0) ซึ่งจะช่วยให้การโหลดหน้าเว็บเพจของเราเร็วขึ้น

เวอร์ชั่นที่คุณ John ได้ทำออกมานี้ ได้ทำออกมาเป็น collection ซึ่งมีทั้งเวอร์ชั่น 1.4, 1.5rc0, 1.5rc1, 1.5 final รวมถึงแฟ้มต้นฉบับและยังมีแฟ้มที่ทำให้คนอื่นๆ สามารถบีบอัดต่อไปได้อีก (หากต้องการ) ซึ่งนอกจากเวอร์ชั่น compressed แล้วยังมี ultraCompressed อีกต่างหาก - -”

นอกจากจะมี source file ให้แล้วใน ไฟล์ที่ดาวโหลดมายังมี ตัวอย่าง และ url ที่เกี่ยวกับการบีบอัดไฟล์มาให้อีกด้วย

ที่มา : Ajaxian

Prototype และ Moo ได้รับรางวัล Oscar

Prototype และ Moo ได้รับการคัดเลือกจากทีมพัฒนาเว็บ oscar ให้เป็นไลบราลีที่ถูกใช้ในการจัดทำเว็บไซต์ oscar.com

หากลองดูโค้ดของเว็บ oscar.com ก็จะเห็น JavaScript libraries ทั้งของ Prototype และ Moo อยู่

อย่างนี้ไจะเรียกว่าได้รางวัลออสก้า ได้รึเปล่าน้า….

หน้าแรกของเว็บ oscar.com

Oscar 2007

ส่วนตัวแล้วผมใช้ Prototype กับ Scriptaculous เคยลองใช้ Moo อยู่บ้างเหมือนกันแต่ก็ไม่ได้ใช้จริงๆ จังๆ สักที ใครใช้อยู่ก็ช่วยบอกทีนะครับ ว่าประทับใจยังไงกับเจ้า Moo แต่จุดเด่นของ Moo เห็นจะเป็นขนาด ที่มีขนาดเล็กซะเหลือเกิน…

ปล. ไม่ได้เขียนบล็อกตั้งหนึ่งอาทิตย์ พอดีมีเหตุขัดข้องทางเทคนิค นิดหน่อยครับ แฮ่ๆ

ที่มา : ajaxian (อีกแล้ว)




Home Contact me! RSS