ในส่วนของลูกค้าท่านใดสนใจนำ JQuery ไปใช้กับเว็บไซต์ก็ติดต่อกับทาง WebSite.ForWebDev.Com ได้ครับ

1. Nivo Slider เป็นลูกเล่นเพิ่มสำหรับต้องการนำเสนอรูปภาพแบบ Slide สุดเท่ห์

Demo

2. Flip ตัวนี้แนวมากๆเราสามารถพลิกรูปภาพกลับไปมาได้ต้องลองเข้าไปดู Demo เองครับ

Demo

3. Coin Slider ตัวนี้ก็เป็น Slide อีกรูปแบบหนึ่งไว้นำเสนอรูปภาพ หรือจะเป็นโฆษณาที่สลับกันแสดงก็ได้ครับ

Demo

เบื่อไหมที่เวลาลงวินโดว์แล้วเราต้องมานั่งลงโปรแกรมใหม่บางทีต้องมาโหลดทีละโปรแกรมแล้วต้องมานั่งลงทีละโปรแกรม -*-

แต่ปัญหานี้จะหมดไปเมื่อคุณจะได้เจอกับโปรแกมอย่าง Smart Installer Pack

มาดูฟีเจอร์ดีกว่า

* Easy, intuitive user interface design – หน้าตาโปรแกรมไม่ซับซ้อนใช้งานง่าย
* Contains usual start-up software – ประกอบไปด้วยโปรแกรมที่จำเป็น
* Greatly reduces the time needed to install that software, eliminating some of the unnecessary searching, waiting, etc. – ลดเวลาในการลงโปรแกรม
* All free – ที่สำคัญมันฟรี
* The installer comes packed in a convenient executable file – ตัวโปรแกรมเป็นไฟล์ .exe ซึ่งเพียงแค่ดับเบิลคลิ๊กโปรแกรมก็พร้อมทำงานแล้ว
* You can choose which software you want to download and install from within the program using suggestive icons – เราสามารถเลือกโปรแกรมที่คุณต้องการดาวน์โหลดไปใช้ได้
* The application is made as small as possible – ตัวโปรแกรมมีขนาดเล็ก
* Install fast, fast, faster! – ติดตั้งได้รวดเร็วกว่าที่เราต้องมานั่งโหลดทีละโปรแกรมแล้วต้องรอให้มันลงเสร็จทีละโปรแกรม

เจ๋งใช่ไหม 555+ สามารถเข้าไปโหลดได้ที่ http://www.smartinstallerpack.com/Versions/Versions/download-smart-installer-pack-version-15.html

หากสนใจ Check PR ของเว็บตัวเองก็ลองไปที่นี่เลยครับ

http://www.prchecker.info/check_page_rank.php

เว็บนี้ค่อนข้างแม่นยำและไม่ Error บ่อยด้วย

Aptana Studio

ตัวนี้เจ๋งทีเดียวเขียนได้ทั้ง HTML, CSS, JavaScript และอื่นๆ แต่กินทรัพยากรเครื่องมากทีเดียว

KompoZer

เป็น Text Editor ทีดูเรีียบง่ายใช้งานง่ายอีกด้วย ตามแบบ WYSIWYG

Notepad++

NotePad++ ตัวนี้เหมาะสำหรับคนที่ต้องการ Text Editor เบาๆซักตัวไว้เปิดแก้โค้ดเล็กๆน้อยๆที่สำคัญมี Plugin ให้ใช้เยอะพอสมควร

Firebug

Firebug ตัวนี้ของโปรดผมเลยมันเป็น plugin สำหรับ Firefox ความสามารถของมันสามารถกดเลือก Element ของเว็บในบางส่วนเพื่อดู Code ได้เจ๋งโคดๆ

Quanta Plus

Quanta Plus ตัวนี้เหมาะสำหรับผู้เริ่มต้นเขียน CSS มันใช้งานง่ายและแสดงผลลัพท์ให้เห็นในทันที

jEdit

jEdit ตัวนี้ไม่ธรรมดาเลยทีเดียวเพราะมี Plugin ให้เลือกใช้เป็น 100 เลยเหมาะสำหรับ Web Developer มืออาชีพ

Old Videos

• Lesson 01 WAMP Installation 22 min Download
• Lesson 02 Numbers 8 min Download
• Lesson 03 Letters 8 min Download
• Lesson 04 Variables 11 min Download
• Lesson 05 Functions 9 min Download
• Lesson 06 Flow Control 18 min Download
• Lesson 07 Arrays 7 min Download
• Lesson 08 Writing Your Own Functions 19 min Download
• Lesson 09 Forms $_GET, $_POST 22 min Download
• Jedit Configuration 16 min Download
• Lesson 10 Reading and Writing Files 25 min Download
• Bonus Writing Your first Application 59 min Download
• Lesson 11 – Regular Expressions 41 min Download
• Lesson 12 – Cookies & Sessions 33 min Download
• Lesson 13 MySQL and phpMyAdmin 28 min Download
• Lesson 13 MySQL and phpMyAdmin – Part 2 30 min Download

เรื่องภาษาก็ไม่ต้องห่วงฟังไม่รู้เรื่องก็ดู Code เอาช่วยได้เยอะเลย

ตัวอย่าง http://www.huddletogether.com/projects/lightbox2/

เจ๋งใช่ไหมละ มาดูวิธีติดตั้งกัน

1. Download ไฟล์มาแล้วทำการ แตก Zip มา จะได้ไฟล์มาก็ทำการ Upload เข้าสู่ Server

2. เปิดไฟล์ของเว็บเพจที่ต้องการจะแสดงรูปด้วย  LightBox มาแล้วเอา Code

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

และ

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

3. จากนั้นเราก็แก้ไข Tag HTML <a href> ด้วยการเพิ่ม Attribute rel="lightbox" ลงไปดังเช่น

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src="image-1.jpg"></a>

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

Site explorer ของ Yahoo ไว้สำหรับดูลายละเอียดของเว็บไซต์เราในมุมต่างๆ เช่น มีการ index กี่ Page มี Inbound Link เท่าไร ซึ่งถือว่ามีประโยชน์มากสำหรับคนทำ SEO

2. Compete

ตัวนี้เป็น Web-base analytics tool ในการช่วยเราเปรียบเทียบ Traffic ของเว็บไซต์เรา และ Trend ของเว็บไซต์เราให้มาวิเคราะห์

3. Quantcast

ตัวนี้ก็แจ่มไว้ดู Traffic ของเว็บเราได้ดีมากๆบอกลายละเอียดหลายอย่างทีเดียว

4. Alexa

Alexa นั้นเป็นที่รู้กันสำหรับคนทำเว็บไว้ check เว็บไซต์ของเราว่าอยู่ใน Top 100 ของประเทศนั้นๆหรือป่าว

5. Feed Compare

Feed Compare มีประโยชน์มากๆสำหรับคนที่มี RSS ในเว็บไซต์แล้วต้องการเก็บสถิติของ RSS นั้น แจ่มทีเดียวเลยตัวนี้

6. popuri.us

ตัวนี้ไว้ Check PR ได้ดูอันดับจาก Alexa ได้ ตัวนี้ถือว่าครอบคลุมหลายๆอย่างทีเดียวถ้าต้องการวิเคราะห์เว็บไซต์ของตัวเอง

7. socialmeter

ตัวนี้ไว้ประมาณค่าคะแนนของเว็บไซต์เราจากเว็บ Bookmarking ต่างๆเช่น Digg, Stumbleupon ฯลฯ

8. TweetVolume

เครื่องมือตัวนี้ไว้ Check คำศัพท์จาก Twitter สามารถเอาไปประยุกต์ใช้กับเว็บไซต์ของเราได้ โดยการกรอกชื่อ URL เว็บไซต์เราไปก็ได้

9. Quarkbase

10. BlogPulse Profiles

11. Technorati Blogging Central

12. Statbrain.com

13. Cubestat

14. dnScoop

15. WebsiteOutlook

ในส่วนที่เหลือก็ลองไปเล่นๆกันดูนะคารับสนุกดีเหมือนกัน 555+

JsAnim นั้นเป็น JavaScript Library ตัวหนึ่งที่ช่วยสร้างสีสรรให้กับเว็บไซต์เป็นอย่างมากเพราะหน้าที่ของมันคือทำ Animation ให้กับรูปภาพนั้นสามารถเครื่อนไหวได้อย่างอิสระ ไม่ต่างจากการใช้ Flash เลยทีเดียว การนำไปใช้นั้นก็ไม่ยากเพราะสอนวิธีการใช้งานในเว็บไซต์อีก ไปชมกันเลยดีกว่าจะได้รู้ว่ามันเจ๋งขนาดไหน

เว็บไซต์ JsAnim