ขอตั้งกระจู๋ที่อยากตั้งมานานมากๆ แล้วอันนึงละกัน ใครไปเจอโค้ด จาวาสคริปต์ ,css หรือ PHP ASP ก็ได้ไม่ว่า แค่เห็นแล้ว เออว่ะ น่าเอาไปใช้ หรือแนะนำให้คนอื่นดูจะได้เท่ๆ ก็ขอเรียนเชิญมาลงที่นี่ครับ ไม่จำเป็นต้องลึกล้ำพิสดาร แต่เน้นการสร้างสรรค์ให้กับโลกละกันดีไหมข้อแม้ - ต้องเป็นสคริปต์ที่รันได้ทั้งไออีและหมาย่าง (cross browser) อีแบบใช้กะไออีเท่านั้นขอสงวนไว้ที่บางขวางละกัน - ไม่เอาแบบ มีนาฬิกาวิ่งตามเมาส์ ........ - ถ้าสคริปต์ยาวหรือมีรายละเอียดเยอะๆ ให้ใส่ลิงก์ไปที่เว็บต้นฉบับแทน - ให้เครดิตเจ้าของผลงาน หรืออางอิงแหล่งที่มาด้วย
ซีเรียสไปไหมนี่ :38: เอ้า ลองดูตัวอย่าง www.web-wise-wizard.com/javascript-tutorials/disable-right-click.html (มีตัวอย่างให้ลองดู) เผอิญลิงก์อันนี้มีหลายอย่างรวมกันในหน้าเดียว - ป้องกันการคลิกขวาในหน้าเว็บ - คลิกขวาตรงรูปภาพได้ด้วย หรือเอาแม้วไปชี้แล้วไม่มีปุ่มดูดภาพลอยขึ้นมายังได้ - ป้องกันการ Copy - Paste (แหม มันน่าเาไปใส่ในหน้าบทความ) - ล้างแคชทุกครั้งที่เปิดดูหน้านี้ - ทำให้สั่งพรินต์ข้อมูลในหน้าเว็บไม่ได้ โอ้ย พอๆ เยอะจัด :41:
มันยอดมากเลยซาร่า :25:
จะโพสต์ทำไมล่ะจ๊อด ปล่อยเป็นกระจู๋ประวัติศาสตร์ไม่ดีกว่าหรือจ๊อด :25:
:25: จ๊อดลืม
อ้างอิง แหม... ทำไปได้สคริปต์เด็ดจากรายการคดีเด็ด :42:
:25: (แล้วสักพักห้าโอก็จะมายึดกระจู๋)
ไม่ยึดล่ะครับ ตามสบาย...
จะเข้ามาดูเรื่อยๆ ครับ
(ถ้ามันมีให้ดูน่ะนะ)
www.w3.org/TR/css3-hyperlinks/#target0 ใช้ css(3) กำหนดให้เวลาจิ้มลิงก์แล้วไปโผล่ในแท็บใหม่ (ตูลองทำดูแล้วไม่ได้..แต่เห็นใน Gmail ลิงก์มุมบนซ้ายมันใช้ได้แฮะ)
มาช่วยกระจู๋นี้หน่อย... ตามภาพครับ (http://img.f0nt.com/image/9044.jpeg) http://www.brothercake.com/site/resources/scripts/dbx/
:25: (ห้าโอท่าทางจะแม่นอังกฤษขนาด :31:)
(อย่าบอกใครนะ ว่าผมตกอังกฤษ)
ตกในตำราเรียน แต่ชีวิตจริง เอ็งผ่านฉลุย
อย่าชมครับ เสียวตูด ขอแนะนำ สคริปต์เอาไว้โหวต 7 ดาว 8 ดาว สไตล์ Ajax (ถูกต้องต้อง Ajax นะครับ ไม่ใช่ AJAX) http://www.masuga.com/thelab/ajaxrate/ (http://img.f0nt.com/image/9060.jpeg)
น่าสนใจแฮะ :25:
http://particletree.com/features/using-flash-as-an-animation-underlayer/ แฟลช + จาวาสคริปต์ + html = แฟลชที่วิ่งเล่นใต้ html http://particletree.com/examples/flashunderlayer/ แซมเพิล
รวมสคิปน่ารู้สไตล์หมีๆ {หมีโหด}
ทำตัวหนา
อ้างอิง [ b ]หมีโหด[ /b ]เป็น
หมีโหด ทำตัวเอียง
อ้างอิง [ i ]หมีโหด[ /i ]เป็น
หมีโหด ตัวมีขีดเส้นใต้
อ้างอิง [ u ]หมีโหด[ /u ]เป็น
หมีโหด ทำตัวมีขีดฆ่า
อ้างอิง [ s ]หมีโหด[ /s ]เป็น
หมีโหด {หมีโหด}ไว้จะมาสอนอีกนะ
มีประโยชน์มากครับ ผมก็มีครับ พิมพ์ {หมีโหด} จะได้รูปหมีครับ
.......................
:08: อีโมแบบนี้ต้องพิมพ์:08: ครับ
ต้องเว้นวรรคข้างหน้าด้วยนะครับ
ขี้เกียจนะครัึบ
รู้จัก Digg Spy มั้ยครับ? (ถ้าไม่รู้จัก ผมไม่ด่าว่าละโว้หรอกนะ) นี่คือ script ที่จะใช้แนวคิดแบบ digg spy นั่นคือใช้ ajax สอดแนมว่าใคร-ทำอะไร-ที่ไหนอยู่ http://leftlogic.com/info/articles/jquery_spy http://blablist.crowdiq.com/iqueue/votespy_howto.jsp ดูตัวอย่างอันน่าทึ่งที่ http://digg.com/spy http://leftlogic.com/jquery_spy/spy.html http://blablist.crowdiq.com/iqueue/votespy_howto.jsp
งั้น ... ไม่รู้จัก :31:
www.dhtmlgoodies.com/scripts/dhtml-form-validation/dhtml-form-validation.htmlDHTML form validation แปลตรงตัวคือ เป็น DHTML ที่ตรวจจับการกรอกแบบฟอร์ม ไม่ต้องมาใส่ดอกจัน หรือทำ Popup ตุ่งตุ๊งเตือนกันตอนกดไม่ผ่านอีกแล้ว เพราะคราวนี้เราใส่ Style ลงไปในช่องที่ Require ค่าประเภทต่างๆ ได้เลย
ห้าโอเคยเอาสคริปต์ที่พอกดลิงก์ภาพแล้วภาพมันขึ้นกลางจอ แล้วพื้นที่ด้านหลังเฟดมืดๆ น่ะ ลิงก์หายไปไหนแล้วหว่า ตูพยายามหาแล้วแต่ไม่เจอ :05:
http://www.epointment.com/software/evos ใกล้เคียงกัน ตัวอย่าง http://www.epointment.com/downloads/evos/
อ้างคำพูดจาก: iannnnn เมื่อ 23 ส.ค. 2006, 18:44 น. ห้าโอเคยเอาสคริปต์ที่พอกดลิงก์ภาพแล้วภาพมันขึ้นกลางจอ แล้วพื้นที่ด้านหลังเฟดมืดๆ น่ะ ลิงก์หายไปไหนแล้วหว่า ตูพยายามหาแล้วแต่ไม่เจอ :05:ใช่มั้ย?
http://www.huddletogether.com/projects/lightbox2/
:25:
เคยเห็นมานานแล้วเหมือนกัน แต่ตอนนั้นไม่ได้สนใจ เจ้าสคริปต์นี้มันคือเว็บบอร์ดดีๆนี่เองครับ แต่ขนาดไม่ใหญ่น่าเกลียด ระบ่งระบบมีแต่ที่จำเป็น ใช่ง่ายด้วยล่ะ เหมาะสำหรับเว็บที่มีพื้นที่จำกัด แต่กระแดะอยากมีเว็บบอร์ด ชื่อว่า Vanilla ครับ (แค่ชื่อก็น่ากินแล้ว) (http://getvanilla.com/images/txt.vanilla.gif) ถ้ายังไงลองดูทัวร์ก่อนได้ http://getvanilla.com/tour/installation/
โอ๊ะ สุดยอด! เดี๋ยวถ้าได้ทำเว็บอีกจะลองแอบเอาไปใช้ดู (จริงๆ fire.f0nt น่าใช้ตัวนี้นะ) ป.ล. ลิงก์เข้าไม่ได้ ต้องเข้าหน้าแรกฉิบ
PHP Ajax File Browser (http://blog.jc21.com/wp-content/screenshots/ajaxfb/screenshot2_s.jpg) ขี้เกียจอธิบาย ลองเล่น demo ดูที่ http://ajaxfb.jc21.com/ โหลดที่ http://blog.jc21.com/2006-08-21/php-ajax-file-browser/
เอาอีกซะหนึ่ง อันนี้ได้มาจาก digg (ตูชักสับสนแล้วว่าจะเอาไว้จู๋ไหนดี)Revamped Slideshow เอาไว้ทำ gallery อย่างหรู ขี้เกียจอธิบาย ลองเล่น demo ดูเองที่ http://blog.triptracker.net/2006/09/08/revamped-slideshow/ (ใช้ภาพจากประเทศไทยด้วยล่ะ) โหลดที่เดียวกับ demo เช่นกัน
ชอบๆ :25:
สุดยอดครับ Javascript ทำเงาสะท้อนให้กับภาพ ตัวอย่าง (http://img.f0nt.com/image/13640.jpeg) วิธีง่ายๆ เพียงเพิ่ม class="reflect" ให้กับแท็ก img แค่นี้ก็จะมีเงาแล้ว เช่น <img src="abc.png" class="reflect" alt="" /> น่าสนใจทีเดียว http://cow.neondragon.net/stuff/reflection/
ขอถาม :42:/ แล้วเครื่องที่ไม่มีไอ้นี่ (Reflection.js ) จะมองเห็นเงานั่นมั้ย- ถ้าเห็น จะให้ดาวน์โหลดไปทำไม - ถ้าไม่เห็น ทำไมตูเห็นฟะ :38: ขอโทษ เพิ่งจิ้มเข้าไปดูว่ารูปมันเซฟตอนมีเงามาด้วยแล้ว :05:
บุ๊คห์จริงๆ :42:
แต่ตูก็ยังงมมาใช้ไม่เป็นอยู่ดีว่ะสาม :30:
จะบอกว่าตูเห็นใน del.icio.us แล้วทีนึงแต่ก็ไม่ได้สนใจ เพราะว่ามันดันไม่แสดงผลในหน้านั้น (หมาย่าง?) งงเหมือนกัน แต่ก็น่ารักดี :22:
สั่งให้หน้าๆนั้น เรียกไฟล์ js จากข้างนอกแบบ <script language="JavaScript" type="text/javascript" src="js/Reflection.js"></script> แล้วใส่ class="reflect" ชิมิ
เข้ามาบอกว่า รันในวินโด่ (ทั้งไอ้อี และหมาย่าง) ไม่เห็นรีเฟล็ก ถามเพิ่ม ไฟล์ใน Implementations เอามาใช้ยังไง ต้องใช้ไอ้พวกนี้ช่วยในการทำให้มองเห็นรีเฟล็กมั้ย
อ้าว ไม่เห็นเหมือนกันเหรอ :30:
ก็ไม่เห็นน่ะสิ เห็นแต่เวลาเข้าเว็บเค้า(ที่ห้าโอให้ลิงก์ไว้) ลองมานั่งเล่นเอง ไม่เห็นแมวซักตัว :01:
http://ghettocooler.net/2006/12/07/replace-your-logo-css-image-replacement/Logo Replacement! เขาบอกว่าให้ใช้ css หลอกกูเกิ้ลว่านี่คือ Text นะ บอตจ๋า เข้ามาบันทึกไว้เร้ววววว แต่เวลาแสดงผลมันก็ออกมาเป็นภาพ (ออกแนวเทคนิคมากกว่าสคริปต์เนาะ)
Thank you!!
Highslide JS - JavaScript thumbnail viewer จากภาพ Thumbnail ขยายเป็นภาพใหญ่ มี effect ค่อยๆ ขยาย แล้วยังมีลูกเล่นจัดการกับภาพอีกหลายอย่าง http://vikjavev.no/highslide/ ลองดูตรง Examples with settings งดงามมาก :25:
:25:
โอ้เด็ด! :25: (ต้องปิด อทช ลิงน้อยออกก่อน)
เอาไว้ใช้ทำให้ของในเว็บโยกย้ายแบบ Drag And Drop ได้ :01: http://www.dynamicdrive.com/dynamicindex11/domdrag/
เผื่อใครจะใช้จาวาสคริปต์นี้แสดงผลในรูปตาราง http://www.joostdevalk.nl/code/sortable-table/ กดตรงหัวตารางเพื่อเลือกการจัดเรียงได้ เท่ดี
(http://www.alilg.com/uploads/pix/aliTalk_pocket.jpg) (http://www.alilg.com/img/alitalk-chat-script.jpg) http://www.alilg.com/software/download/alitalk.html สุดยอดโปรแกรมแชตที่ฟรี และสวย ใช้ Ajax ทั้งดุ้น เออ ในเว็บคุณอาลี ยังมีอีกตัว คือ AliMagic (http://www.alilg.com/software/online/alimagic.html) โปรแกรมแต่งภาพแบบออนไลน์ เหมือนโฟโต้ฉอปขนาดพกพา แต่ทำงานช้ากว่าเพราะต้องออนไลน์ :43: สุดครับสุด เว็บนี้สุดจริงๆ
ถามเผื่อว่ามีใครมีสคริบ shoutbox, comment box หรือ tag box เจ๋งๆมั๊ยคะ อยากได้แบบมีให้ใส่ email/url แล้วก็แต่งหน้าตาได้ :40:
ไม่มีครับ อันข้างบนนั่นใช้ได้ไหม :44:
ไม่มีไม่เป็นไรค่ะ :22:
http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ 53 สุดยอดเทคนิค CSS :12:
:46: +1 พี่แอนค่ะ ส่วนตัวชอบแบบ 17 :22:
แนะนำสคริปต์เว็บ portal ครับ (คล้ายๆกบ drupal,phpnuke) http://www.xoops.org/ http://www.xoopsthai.com/ [แต่ดูท่าจะใช้ง่ายกว่าแฮะ]
งั้นฝากแนะนำอีกอัน http://www.textpattern.com/ เห็นมีคนใช้ทำเป็นบล็อก - http://www.imenn.com ดูท่าทางน้อยดี สวยดีด้วย ไม่รก
http://www.swfir.com/ แทนที่ภาพในเว็บ / บล็อกด้วย .swf ซะเลย ใช้ Javascript + Flash + css มาปนกันมั่วๆ จนออกมาเท่ดี ปรับแต่งขอบ เงา องศาการเอียงได้ :12: ตัวอย่าง - http://www.swfir.com/examples/elastic/ ขยายขนาดตัวอักษร ภาพก็ขยายตาม - http://www.swfir.com/examples/multiple/ เอียงภาพซะงั้น แนว - http://www.swfir.com/examples/rounded/ ทำภาพขอบมน
:04:สาระตรึมเลย ขอบคุณครับ :22:
เจ๋งแฮะ :25: //เอาไปลองในบล็อกเกอร์ ใช้ไม่ได้ :05:
จาทำเว็บประวัติคนในห้องอะครับ ที่คิดไว้คือเอารูปหมู่ มาไว้ตรงกลางหน้า แล้วเอาเมาส์ไปชี้ที่หัวคนไหน ประวัติก็จะโผล่ขึ้นมา ที่นี้จะให้มันโผล่ยังไงดี คิดๆไว้ว่า จะให้มันขึ้นมาเหมือน snap ในเว็บ ไอ้แอนนนนน ใครมี javascript แบบนั้นบ้างครับ (ในกล่องคำพูดเป็นเราพิมพ์เองนะ ไม่ใช่เป็น snap) หรือใครมีวิธีอื่นที่เจ๋งกว่า ก็ช่วยแนะนำด้วยครับ ปล. ไม่อยากใช้แฟลชอะ เพราะทำไม่เป็น
http://tutorialblog.org/25-code-snippets-for-web-designers-part1/ :27:
ขอบคุณคร้าบบบบบบ +1
:27: :27: :27: :27: :27:
ขอบคุณสามอีกคนครับ
โอ้ว เจ๋งๆ :25: (+2)
มันใช้กับ image map ไม่อะครับ ใครมีวิธีแก้บ้างง
หรือว่าทำเป็นแฟลชดี ถ้าทำเป็นแฟลชจะยากมั้ยครับ
ตัวอย่าง http://www.cssplay.co.uk/menu/imap.html วิธีทำ (ยาวปรื๊ดดดดด) http://www.cssplay.co.uk/articles/imagemap/index.html
โอ้วววว เจ๋งสุดยอดดดดดดดด ขอบคุณมากกก +1
อันนี้น่าสนใจ แต่ยังไม่มีเวลาลองเลย
อ้างอิง http://script.aculo.us/script.aculo.us provides you with
easy-to-use, cross-browser user
interface JavaScript libraries to make
your web sites and web applications fly
ใครทำแบบหน้าแรกของเค้าได้สอนกันมั่งนะ สวยดี ^^
หน้าเดโม
อ้างอิง http://wiki.script.aculo.us/scriptaculous/show/Demos
http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo โอ้โฮ อันนี้มันส์มาก
ไม่รู้ว่ารวมในจู๋นี้รึเปล่านะครับ {หมีโหด} สำหรับคนที่อยากประหยัดไฟให้โลกด้วยวิธีง่ายๆ ใช้ google dark ซิ เป็น Script ที่ใช้กับ grease monkey http://www.07designs.com/gdark/ :22: :22:
www.spiffycorners.com CSS - สร้างกรอบภาพแบบมนๆ แบบออนไลน์โลด
http://www.scriptdd.com/webtip/ajax-lesson-1.html http://www.scriptdd.com/webtip/ajax-upload-no-reload-lesson-2.html สอน Ajax (อ่านว่า อะ-แจ๊ก) ตั้งแต่เบสิกครับ (ลิงก์อันล่างเป็นตัวอย่างช้นงาน ตัว upload)
30 สุดยอด Scripts ไว้ทำอัลบั้มภาพ / สไลด์โชว์ www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes :12:
(ไม่มีใครคั่นงั้นตูต่อ เผื่อเป็นประโยชน์กับโลก) ลิงก์ข้างบนนี่พออ่านไปๆ มีคอมเมนต์ที่น่าสนใจเพิ่มเข้ามาเยอะแยะเลยครับ อย่างอันนี้ เป็น Flash Gallery แบบอนิเมชั่นปึ๋งปั๋ง เล่นแล้วสนุกดีครับ (http://img2.f0nt.com/19/d05a51ddedbe2eb7c9c6ef3fe7d76237.jpg) http://www.picsengine.com/ (แปลเอาหน่อยละกัน) หรือไม่ก็อันนี้ (http://img2.f0nt.com/19/04414698bcd39c79ef95f73f78c8aeb0.jpg) http://stickmanlabs.com/lightwindow เป็นเหมือน LightBox แหละ แต่มันเรียกมาแสดงได้ทุกอย่าง ไม่ว่าจะเป็นแฟลช เป็นวิดีโอ หรือ PDF
โฮ่ ดีครับ
ไปเจอสคริปต์ดีๆ มา ชื่อว่า SWFUpload http://swfupload.mammon.se กดเข้าไปลองใช้ดูได้ ง่าย สวย สะดวก โอ้วเย่! * Upload multiple files at once by ctrl/shift-selecting in dialog * Javascript callbacks on all events * Get file information before upload starts * Style upload elements with XHTML and css * Display information while files are uploading using HTML * No page reloads necessary * Works on all platforms/browsers that has Flash support. * Degrades gracefully to normal HTML upload form if Flash or javascript is unavailable * Control filesize before upload starts * Only display chosen filetypes in dialog * Queue uploads, remove/add files before starting upload น่าใช้มากๆ ครับ ขอบอก เผื่อใครจะเอาไปทำที่ฝากไฟล์ให้เครื่องมันล่มบ่อยๆ :41:
แล้วก็อันนี้อีกอัน www.listulike.com/generator เป็น Online Wizard เอาไว้สร้างเมนูแบบ css ได๋เล่ย
บวกพี่แอนเลยครับ ทำไมรุ้ว่าผมกำลังต้องการ :27:
ไม่รู้ตูไปอยู่ไหนมาเลยเพิ่งรู้เทคนิคนี้ :08:
โค้ด css ที่ทำให้ใส่ตัวอักษรลงไปในบรรทัดเดียวกับช่องกรอก form ได้ คือ
อ้างอิง input, select { vertical-align : middle; }ตัวอย่าง
อ้างอิง ชื่อ: <input type="text" name="name" />เท่านี้แหละ :08:
ปกติมันก็ได้อยู่แล้วไม่ใช่เหรอครับ :09:
หมายถึงมันไม่จำเป็นต้องใส่ css นี่ครับ พิมพ์ๆ แล้วก็ใส่ฟอร์มมันก็วางข้างๆกันเองนี่นา test: <input type="text" name="textfield"> หรือผมเข้าใจผิด :44:
เออแฮะ :03: เอ๊ะแล้วทำไมที่ผ่านมาพอตูใส่ text ไว้หลังปุ่มเปิ่มอะไรนี่มันจะไปคนละบรรทัดกับข้อความหว่า :09: งั้นเอาเป็นว่า ตูเพิ่งรู้จักคำว่า vertical-align ละกันครับ :05:
อ้างคำพูดจาก: แอน ปรัชญา เมื่อ 29 พ.ค. 2007, 15:20 น. เออแฮะ :03: เอ๊ะแล้วทำไมที่ผ่านมาพอตูใส่ text ไว้หลังปุ่มเปิ่มอะไรนี่มันจะไปคนละบรรทัดกับข้อความหว่า :09:เพราะแก๊สโซฮอลครับ ฟันธง {หมีโหด}
ใช่ๆ เพราะแก๊ส :07:
:08: เป็นไปตามกระแสกับเขาด้วยเหรอ กำลังอ่านมันๆ ช๊อตเลย :39:
http://www.digital-web.com/articles/web_standards_creativity_png/ ไฟล์ภาพนามสกุล PNG คืออะไร ใช้ยังไง มีไอเดียแจ่มๆ สำหรับเล่นกับมันยังไง โดยส่วนตัวตูโคตรชอบเลย มันทลายกำแพงข้อจำกัดของการแสดงผลได้ทั้งปวง เพราะความที่มันโปร่งใสได้ (แถมดูในเว็บก็มีสารพัดไอเดียสำหรับเล่นกับมันด้วย :25:) แน่นอนว่า ไม่สนับสนุน IE6 :13: :13: :13: :13: :13: :13: :13: สงสัยต้องรอจนวิสต้าครองเมืองก่อนถึงจะสบายใจ อีกกี่ปีวะ :08: ป.ล. http://del.icio.us/iannnnn/iefuck :13: มีวิธีแก้ปัญหาเรื่อง IE6 :13: ไม่โปร่งใส (ไม่ใช่ยึดทรัพย์นะ)
อ้างคำพูดจาก: ไอ้แอนนนนน เมื่อ 22 พ.ค. 2007, 19:58 น. ไปเจอสคริปต์ดีๆ มา ชื่อว่า SWFUpload http://swfupload.mammon.se กดเข้าไปลองใช้ดูได้ ง่าย สวย สะดวก โอ้วเย่! * Upload multiple files at once by ctrl/shift-selecting in dialog * Javascript callbacks on all events * Get file information before upload starts * Style upload elements with XHTML and css * Display information while files are uploading using HTML * No page reloads necessary * Works on all platforms/browsers that has Flash support. * Degrades gracefully to normal HTML upload form if Flash or javascript is unavailable * Control filesize before upload starts * Only display chosen filetypes in dialog * Queue uploads, remove/add files before starting upload น่าใช้มากๆ ครับ ขอบอก เผื่อใครจะเอาไปทำที่ฝากไฟล์ให้เครื่องมันล่มบ่อยๆ :41:โอ้.... งานนี้ได้ของเล่นใหม่ใส่ img.icez แล้ว :02:
ขอบคุณครับพี่แอน
เฮ้ย เสร็จแล้วขอใช้บริการหน่อยนะ :25:
Javascript VirtualKeyboard (http://img2.f0nt.com/15/31db1afc1a58e2d9dba7f2ee637080b1.png) เป็น javascript จำลอง keyboard ใช้ได้กว่า 70 ภาษา 130 รูปแบบ ซึ่งแน่นอนว่าภาษาไทยก็ใช้ได้ด้วย โดยมี layout ตามนี้ TH - Thai TH - Thai Kedmanee TH - Thai Kedmanee (non-ShiftLock) TH - Thai Pattachote TH - Thai Pattachote (non-ShiftLock) แล้วมันมีประโยชน์ยังไง ก็กรณีที่อยากออกแบบเว็บให้ input ข้อมูลได้แม้ไม่มี keyboard หรือ เครื่องที่ใช้ไม่มี keyboard ที่ต้องการ อย่างปุกอยู่ญี่ปุ่นอยากพิมพ์ไทย แต่พิมพ์ไม่ได้ ก็จิ้มนี่เอา แล้วก็ copy ไปใช้งาน ซึ่งน่าจะมีประโยชน์ในการประยุกต์ใช้งาน โหลดที่นี่ http://freshmeat.net/redir/jsvk/69888/url_zip/VirtualKeyboard.full.3.2.0b2.zip เว็บหลัก http://debugger.ru เว็บรัสเซีย อ่านไม่ออก - -*
แหม น่าเซีย ดาย
รู้สึก เซีย ใจ :16:
http://www.tol.co.th/
^ ^ ^ :30:
80+ AJAX-Solutions For Professional Coding http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/ ไม่รู้จะได้ใช้เมื่อไหร่ แต่กรี๊ดไว้ก่อน :25:
กำลังจะหาที่่ถามพอดี ใครพอที่จะรู้วิธี เอาคลิ๊กขวาของ winrar ออกมั้งครับ ไอที่มันเขียนว่า บีบอัดแล้วส่งต่อไปที่เมลล์ บลาๆๆๆ มันมี สี่อัน จะเอาออกให้เหลือแค่สองพอ เวลาคลิ๊กขวาแล้วมันจะยาวล้นหน้าจอแล้ว {หมีโหด}
มันมีให้เลือกใน option นะ ลองดู ใช้ 7-zip เลยบอกไม่ถูก
ก็เข้าไปใน Winrar - Options - Settings.. - Integrations - Context Menu Items.. แล้วที่เหลือก็มั่วเอา :27:
ขอบคุณครับ :46: ไม่อยากบอกว่าเมื่อคืน นั่งไล่หาค่า register ใน windows ถึงกับ แกะ .dll ของ winrar กันเลยทีเดียว หมีจริงๆ {หมีโหด}
http://www.miniajax.com/ โคตรสุดยอดรวมสคริปต์ Ajax ฟรี ที่มีสิทธิ์ได้ใช้แหงๆ
http://www.smashingmagazine.com/2007/07/12/time-savers-code-beautifier-and-formatter/ รวมฮิตเครื่องมือช่วยจัดระเบียบโค้ดให้สวยงาม
http://www.no3dfx.com/polaroid/ แกลเลอรี่ภาพแบบแฟลช ที่เป็นกองๆ รูปโพลารอยด์ เจ๋งดี ฟรีด้วย ระดับความเจ๋ง :12: :12: :12: :12: http://wildbit.com/demos/modalbox/ อาจจะเคยได้ยินชุดจาวาสคริปต์ที่ชื่อ Mootools นะครับ มันเอาไว้ช่วยทำให้เว็บมี Interactive สวยๆ งามๆ สคริปต์อันนี้ก็เอาพลังจากจากนั่นเหมือนกัน เอาไว้ทำ Interactive Ajax Popup Content แบบ Wizard น่ารักๆ ครับ :25: ระดับความเจ๋ง :12: :12: :12: http://digitarald.de/playground/uplooad.html ตัวอัปโหลดทีละหลายๆ ไฟล์ น่าใช้มากๆ เลย :25: ระดับความเจ๋ง :12: :12: :12: http://scbr.com/docs/products/dhtmlxVault/index.shtml ตัวอัปโหลดทีละหลายๆ ไฟล์ น่าใช้กว่าอันบนอีก :25: เพราะหน้าตามันเหมือน Download Window ของหมาย่าง ก็เลยดูเข้าใจง่าย-น่าใช้กว่า ระดับความเจ๋ง :12: :12: :12: :12: http://prototype-window.xilinus.com/samples.html สคริปต์ป็อปอัปวินโดว์แบบไม่เชย เพียบเล้ย~ ระดับความเจ๋ง :12: :12: :12: http://wiki.script.aculo.us/scriptaculous/show/Demos รวมสคริปต์เอฟเฟกต์จาก script.aculo.us (ถ้าใครไม่รู้จัก MooTools ก็ลองดูไอ้นี่ก็ได้ครับ คล้ายๆ กัน) ระดับความเจ๋ง :12: :12: :12: :12:
สคริปต์คุยกันออนไลน์ http://www.phpfreechat.net เจ๋งมากๆ ลองดูตัวอย่าง http://www.phpfreechat.net/demo.en.html
WebSnapr http://www.webappers.com/2007/07/18/websnapr-website-thumbnails-preview-bubble/ (http://www.webappers.com/img/2007/06/websnapr.gif) จาวาสคริปต์ Tooltips คล้ายๆ กะ Snap.com แต่คงไม่น่ารำคาญเท่านะ แถมโหลดเร็วกว่าหน่อยด้วยเพราะติดตั้งเองเลย
http://www.ajaxrain.com/ 485+ Ajax demos + download โอย โอยยยย :41:
(http://www.magentocommerce.com/img/ss_customers_thumb.gif) http://www.magentocommerce.com/ecommerce-screenshots กำลังจะเปิดตัวเดือนนี้แหละครับ Opensource Ecommerce ตัวใหม่น่าใช้มากๆ เดี๋ยวว่าจะเอาไว้ลอง เผื่อมีงานเบาๆ เข้ามาให้ทำจะได้สวมซะ {หมีโหด}
ขอบพระคุณเป็นอย่างสูงครับ :22: (ว่าแต่พี่ไปหามาได้ไงเยอะแยะเนี่ย)
ตูรับฟีดมั่วซั่วจนเจอไอ้ที่ดีๆ ก็หลายเจ้าอยู่น่ะ ลองดู www.anndo.com ครับ
เยอะสุดๆ :14:
ไม่รู้จะแปะที่ไหนดี เอามันที่นี่ละวะ
http://www.texty.com/
อ้างอิง Texty - huh? Texty was born from the concept that simple text elements on any website should be very easy to edit for anyone. Like this text element for example, it can be changed through this site - without ever opening a FTP connection, editing a block of HTML, or testing for code issues. That is why we call it simple content management syndication - SCMS. เป็นเว็บที่บอกว่า Simplest CMS
ก็คือมาถึงมันจะมีช่องให้พิมพ์ แทรกภาพ
จัดตัวหนาบางอะไรก็ว่าไป เหมือน Text Editor ตัวนึง
เสร็จแล้วก็เซฟเก็บไว้ก้อนนึงในเว็บนั้นแหละ (คนนึงเก็บได้หลายก้อน)
เสร็จแล้วถ้าจะเอาไปใช้กับที่ไหนก็ Copy Code ไป เป็น Javascript ตัวนึง
เวลาเราเข้ามาแก้ไขที่เว็บนี้ ปลายทางก็จะแก้ไขตามไปด้วย
น่าจะมีประโยชน์ในการเขียนบล็อก
หรือเอาไว้เป็นลายเซ็นในหน้าโหลดฟ๐นต์เผื่อมีการประกาศอะไรสักอย่าง
http://www.mycoolbutton.com Web 2.0 free buttons maker!
http://www.scrollovers.com/ Scrollovers - A New Way of Linking อันนี้เจ๋งจริงๆ เอาเมาส์ชี้ที่ลิงก์แล้วมันจะหมุน ผลึ้ด!! ชอบๆ
สุดยอด :12: :12:
http://jszenmenu.sourceforge.net/ javascript menu แบบไฟล์จิ๋ว 7kb ทำเมนูแบบง่ายๆ แล้วก็เล็กๆ ใช้ง่ายด้วย
multiUpload with JavaScript & PHP (http://sourceforge.net/projects/multiupload/) (http://img2.f0nt.com/15/fb2223647eeab6fb43f63dfee07fa76d.jpg) อัพโหลดไฟล์แบบหลายไฟล์ เพิ่มคิว เปลี่ยนชื่อ หยุด และอัพต่อได้ เอาเป็นว่าน่าสนดี
http://boxover.swazz.org/ สคริปต์ทูลทิปเจ๋ง ไม่รก ไม่กระจอก แถมบอกวิธีใช้ละเอียดดีจังเลย :12: http://www.nickstakenburg.com/projects/prototip/ หรือถ้าอยากลองหลายๆ แบบ ดูอันนี้
http://devthought.com/cssjavascript-true-power-fancy-menu/ Devthought - Guillermo Rauch's Blog » CSS+Javascript power. Fancy menu เมนูหยุ่นๆ เหมือนแฟลช แต่ทำด้วย css+javascript น่าใช้มาก
Ext JS (http://extjs.com/) สุดยอด User Interface JavaScript Library ลองไปดูที่ Demo สิครับ สวยสุดยอดจริงๆ.... เคยนำมาลองแล้ว สวยมากๆ ครับ แต่ข้อเสียคือ ใน Firefox โปรแกรมจะค้างไป 3 วินาที :16: แต่มันสวยจริงๆ นะ
รวมแหลกลิงก์ เว็บที่เกี่ยวกับ Javascripts และ Ajax http://www.hongkiat.com/blog/javascripts-resources-20-scripts-tutorials-and-frameworks/
เว็บบอร์ด UNB ออกรุ่น 1.6.4 แล้ว (ทิ้งห่างจากรุ่นก่อนเป็นเวลา 1 ปี) http://newsboard.unclassified.de/forum/thread/1486 มาคิดๆแล้ว ตูคิดผิดมากที่ตอนนั้นอยากแนว เพราะว่าไอ้เจ้านี่มันใช้ยากมาก รวมทั้งตัวโค้ดเองด้วย จะมานั่งโมที ต้องเผื่อเวลาไว้เป็นชั่วโมงเพื่อศึกษา แถมยังไม่มีปลั๊กอิน/ธีม อีก ไอ้จะ convert ไปเป็นบอร์ดของเจ้าอื่นก็ทำไม่ได้ เพราะมันไม่มีตัวแปลง สาเหตุทั้งหมดก็คือเพราะมันแนวไงครับ เลยไม่มีใครใช้ ใครพัฒนา อีกไม่นานเจ้าของก็คงจะเลิกทำ สภาพตอนนี้คือได้แต่กล้ำกลืนใช้ไปตามสภาพ จนกว่าเค้าจะประกาศลอยแพ {หมีโหด} เอ๊ะ ตกลงนี่มันจู๋สคริปต์เด็ดใช่มั้ย
แล้วมันเด็ดหรือเปล่าล่ะ :08:
http://yura.thinkweb2.com/scripting/contextMenu/ เมนูคลิกขวา
flash เอาไว้ทำกราฟ เชิญคลิกที่ http://www.amcharts.com/ (เจอจาก smashing magazine)
อันนี้เป็นของแฟลช แต่ห้องแฟลชยังไม่มีจู๋ของเด็ดเลยแปะไว้ที่นี่แทน http://www.lifeztream.com/blog/?p=27 lifeztream » Blog Archive » Realtime image post-processing with flash ใส่ฟิลเตอร์แต่งภาพอย่างเต้บให้กับภาพ ไม่ใช่แค่ภาพสิ นี่รวมถึงวิดีโอด้วยเลย เหมือนเป็น Effect Layer เลย
โอ้ว เยี่ยมยอด (ปกติเป็นแต่วิธีชาวบ้าน เอา filter มาทำ blending ซ้อนอีกชั้น :30:)
http://www.webdesignerwall.com/tutorials/mac-style-photoflip-gallery/ Mac Style PhotoFlip Gallery อันนี้สิ เปรตมาก สุดยอดพระเจ้าปรี๊ดๆ แกลเลอรี่ภาพแบบปกอัลบั้มของแมค ที่สำคัญคือในนี้เขาสอนวิธีการทำละเอียดยิบพร้อมต้นฉบับให้โหลดด้วยนะ
อันนี้เจ๋งครับขอบอก http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions/ Deziner Folio» Blog Archive » Simple Javascript Accordions Accordions = หีบเพลง เป็นสคริปต์ที่เอาไว้ทำเมนูแบบหีบเพลงโดยไม่ต้องใช้ Framework ใดๆ
โอ้พระเจ้าช่วยทอดกล้วย :07: เจ๋งดีครับ
http://www.c6software.com/Products/PopBox/Default.aspx PopBox! - Javascript Image Magnification กดที่ภาพปั๊บ ขยายคว้าบบบบบบ :07: แล้วก็มีเอฟเฟกต์อื่นๆ อีกมาก ที่ยังไม่ค่อยเห็นใครใช้กัน
ใช้กับ ie6 ได้ด้วย :22:
สักวันฉันจะดีพอ อ้ะ ไม่ใช่สิ ถ้าขยันคงจะได้มานั่งเลือกใช้สักอัน
(http://www.webappers.com/img/2007/11/mootools-mochaui.png) http://greghoustondesign.com/demos/mocha/ MooTools Mocha UI เจ๋งดี ทำให้ทั้งหน้าเหมือนเป็นโปรแกรมอะไรสักตัว จับลากไปลากมา ขยายใหญ่ เปลี่ยนไซส์จอ ทำขอบมนได้ โอ้ว แล้วจะได้ใช้เมื่อไหร่ก็ไม่รู้
HighSlide - Javascript Popup and Thumbnail Viewer
http://www.webappers.com/2007/11/25/highslide-javascript-popup-and-thumbnail-viewer/
(http://www.webappers.com/img/2007/11/highslide.png)
อ้างอิง Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages. The library offers these features and advantages:เจ๋งดี สำหรับคนเบื่อ Lightbox
ไอ้ตัวนี้นี่กดปั๊บขยายขนาดดูเลยทันที (ใส่แฟลชได้ หรืออื่นๆ เพียบ)
อ้างคำพูดจาก: Saa3ส์ เมื่อ 10 มี.ค. 2007, 22:04 น. http://tutorialblog.org/25-code-snippets-for-web-designers-part1/ :27:ใครเคยเห็นแบบนี้ แล้วสามารถเอาเม้าส์ไปเลือกเมนูข้างในได้บ้างครับ แล้วถ้าข้อมูลเยอะจะมีscollbar ด้วย
หมายถึง Bubble Tool Tips อันแรกหรือเปล่าครับ ตัวนั้นคุ้นๆว่ามันโหลด html เข้าไปใส่ในบอลลูนนะ น่าจะโม html ข้างในได้
อ๋อ ใช่ครับ ที่สอดใส้ html ได้นั่นแหละ แบบนี้ เลย http://www.cssplay.co.uk/menu/balloons.html แต่ วิวซอส ไม่เจอแหะ :08:
ไ้อ้ตัวสีๆ นั่นเหมือนเคยเห็นในดีลิเชียสพี่แอนนะ :18:
คอมเจ๊ง ใช้ไม่ค่อยสะดวกเลยหาให้ไม่ได้ :05: ยังไงลองดูใน http://del.icio.us/iannnnn/tooltip นะครับ ส่วนที่บอกว่าถ้าเนื้อหาเกินให้มี scrollbar อันนั้นใช้ css ครับ ระบุตรงนั้นเป็น div class หรือ id อะไรสักอย่าง แล้วเติม overflow:auto ลงไป
โอ้ว แค่แสดงเป็น htmlได้ ตรงcss ก็งายแล้วละ ขอบคุณมากครับ :46:
เอาสคริปต์ Gallery มาฝากครับ ชื่อว่า plogger ตัวอย่างที่ นี่ (http://www.plogger.org/demo/) และ นี่ (http://pic.deepsnows.net/) ครับ ดาวโหลดที่ นี่ (http://www.plogger.org/download/) ครับ ข้อดีข้อเสียผมไม่ทราบเลยครับ เพราะไม่เคยใช้ Gallery ตัวอื่นเลยครับ :46: ปล.ผมละโว้มั๊ยครับ :31:
โอ้ว เจ๋งดีครับ :45:
http://www.f0nt.com/forum/index.php/topic,6525.msg783237.html#msg783237 Image Uploader เป็น API ของไอซ์ครับ :21: ชอบมาก เอามาแปะไว้ที่นี่เลยเผื่อหาในนั้นไม่เจอ
(ทริปเปิ้ล) http://www.macromediahelp.com/flash/flash_object_fix/ Flash object fix, click here to activate and use this control กำจัดไอ้กรอบสีเทานรกใน IE :13: เวลาแปะแฟลช
โอ้ว ไม่มีใครคั่น ดีใจจัง :16: http://code.google.com/p/ie7-js/ นี่แหละสุดยอด จาวาสคริปต์เอาไว้แก้ความโง่ของ IE :13: แก้ปัญหาเรื่อง css กับภาพ png ได้ชะงัดจ้ะ
มาช่วยคั่นครับ :27:
http://dttvb.yi.org/dtjs/ DtJS - the DtTvB's JavaScript Library เอ๊ะ เอ๊ะ เอ๊ะ ชื่อคุ้นๆ แฮะ :25:
อาจจะโว้ไปหน่อยนะครับ พอดีวันนี้ไปหาสคริปมาทำงาน เจอไอ้นี่ เครื่องคิดเลข JAVA คลิกย้ายไปมาได้ด้วย http://www.codetukyang.com/java/calculator/preview/precode6.htm สวยดี ถอดรากที่สองได้ด้วย อันนี้สคริป http://www.codetukyang.com/java/calculator/code/code6.htm
ผมเอาไปแปะในอีเลิร์นนิ่งของโรงเรียน ตรงบทที่ใช้การคำนวณเยอะๆ (ปริมาณสารสัมพันธ์) สวยทีเดียวครับ
โอ้วเจ๋งขอบคุณครับ เผื่อได้ใช้ :25:+
http://www.noupe.com/javascript/best-of-ajax-dhtml-and-javascript-part1.html Best of Ajax, Dhtml and Javascript- part1 รวมฮิตของเล่น Ajax (ทุกวันนี้ยังสับสนว่ามันอ่านออกเสียงว่าไงกันแน่)
อ่ะจ๊ากกก
อ้างคำพูดจาก: iannnnn เมื่อ 04 ก.พ. 2008, 21:22 น. http://www.noupe.com/javascript/best-of-ajax-dhtml-and-javascript-part1.html Best of Ajax, Dhtml and Javascript- part1 รวมฮิตของเล่น Ajax (ทุกวันนี้ยังสับสนว่ามันอ่านออกเสียงว่าไงกันแน่)ฟังฝรั่งพูดที่ barcampbangkok ออกเสียงว่า "เอ แจ็ก"
http://www.wildbit.com/labs/modalbox/ ModalBox — An easy way to create popups and wizards เหมือน Lightbox ที่กำลังระบาดตอนนี้แหละครับ แต่อันนี้เป็นเหมือนกล่องข้อความ Alert ที่ใส่อะไรลงไปก็ได๋ย์
รบกวนอีกแล้วค่ะ กำลังมองหา shout box สคริบแบบเว็บนี้ http://www.clubland.fm เป็นแบบที่โชว์ขึ้นมาทีละข้อความๆ พยายามใช้คีย์เวิร์ดหลายๆแบบหา หาไม่เจอเลยค่ะ พี่ๆคนไหนพอเคยเจอรบกวนช่วยวีด้วยนะคะ :05:
โห นี่มันเหมือน SMS ลำปางหนาวมากเลยนี่ พี่มีแต่ http://del.icio.us/iannnnn/chat แต่มันเป็นแบบธรรมดา นึกคีย์เวิร์ดไม่ออกเหมือนกัน
ถ้ามีความเข้าใจเกี่ยวกับ php น่าจะประยุกต์ได้ครับ โดยเอา shutbox ธรรมดา ดึงมาแสดงผล โดยจับใส่ array แล้วใช้ javascript ควบคุมอีกทีนึง ผมเคยดึง sms ลำปางหนาวมาก จาก host มาทำแบบนี้แหละครับ โดยใช้ javascript คุมการแสดงผล ลองดูตัวนี้นะครับเป็นแบบ typing http://www.dynamicdrive.com/dynamicindex2/typescroll.htm แต่อันที่ผมใช้มันจะเป็นแบบ fade http://www.dynamicdrive.com/dynamicindex2/fadescroll.htm
เย่ ขอบคุณมากค่ะ วีไม่รู้ว่ามีสคริบยังงี้ด้วย :25: ยังงี้ก็ง่ายขึ้นหน่อย เดี๋ยววีบวกให้เยอะ :21: ฮาโพสต์พี่แอน :43: (เหมือน sms จริงๆด้วย 555)
รวม jQuery 10 แบบเรียบๆเนียนๆ :25: http://www.webdesignerwall.com/demo/jquery/ น่าลอกมากเลยเฮย
:27:+
http://www.tubatomic.com/revolver/ Revolver | FiRE | Fast Image Rotation Engine By Tubatomic Studio * Play and stop controls * No database requirement * RSS support * Pre-dating images for future publishing * Produces valid XHTML code * Different background colors for every image เป็นชุดคำสั่ง PHP เอาไว้ทำ Slide Show ครับ ไม่มีอะไรเลย แต่ใช้ง่ายจัด แล้วเอาไปต่อยอดทำประโยชน์ได้อีกแน่ะ
Wizard สำหรับก็อปปี้-แปะ RSS Feed ครับ
ตูเขียนตัวเรียกฟีดไม่เป็น ได้โค้ดชุดนี้มาก็ช่วยได้เลยนะ
http://www.google.com/uds/solutions/wizards/dynamicfeed.html
:25:
ไฮโซ :25:
จริงๆ ที่ผ่านมาเจอของเด็ดเยอะแยะเลยนะ แต่ส่วนมากไม่มีเวลา ก็เก็บไว้ในแอนอร่อยซะหมด เอาอันนี้ละกันMooColumns http://greengeckodesign.com/projects/moocolumns.aspx เอาไว้จัดหน้าเว็บแบบง่าย ปกติต้องมานั่งปวดกบาลกะเรื่อง css float บ้าบอแล้ว
เมื่ออาทิตย์ที่แล้วมัวแต่ขลุกอยู่กับไอ้เว็บ Ajax พวกนี้อยู่หลาย ๆ ชั่วโมงอ่ะค่ะ เพื่อหาโค้ด auto-complete ที่ใช้ร่วมกับ database อื่น ๆ นอกเหนือจาก xml ได้ แถมใช้กับภาษาไทยได้อีกต่างหาก อันนี้ล่ะที่ชอบที่สุด ตอนนี้หาเจอและก็เอาไว้ใช้จริงแล้วก็เลยเอามาบอกกล่าวกันจ้ะ (http://www.thaicreate.com/images_insformation/autocom.gif) http://www.thaicreate.com/description_information.php?id_ins=46 สามารถเอามาดัดแปลงกับฐานข้อมูลแบบต่าง ๆ เช่น MySQL (ดังตัวอย่างในโค้ด), PostgreSQL (ใช้อยู่) โดยการแก้ไขไฟล์ server.php แค่นั้นจ้ะ
http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/ (http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/) รวมฮิต สคริปต์เด็ดของจริงเลย :25:
วิธีฆ่า IE6 :13:<!--[if lte IE 6]> <STYLE>@;/* <![endif]--> ใส่ลงไปเลยครับ เปิดมาปั๊บเจ๊ง สะใจมาก (ที่มา (http://www.wprecipes.com/how-to-kill-ie6-on-your-wordpress-blog))
อยากรู้เป็นไงแฮะครับ ในเครื่องไม่มี IE6 มัน error เลยเหรอครับ :09: โหดร้ายมาก :30:
ในเครื่องไม่มี 6 เหมือนกัน ลองกับ 7 ก็ไม่เกิดอะไรขึ้น
(http://img2.f0nt.com/26/5dd9ccaabe3674efa7d6ce06ba2b666c.png) ตะกี้ลองใน IETester :30:
อ๊ะๆ อ๊ะแหล่มเลย :54a:
โหดร้ายค่อด :30:
http://typeface.neocracy.org/usage.html (http://typeface.neocracy.org/usage.html) ฝังฟอนต์ลงในหน้าเว็บด้วย javascript ยังไม่ได้ลองครับ แต่ท่าทางจะมีประโยชน์มั้กๆ เลย
:25: ดูเหมือนเรียกใช้งานไม่ยากเลย แต่งงตรง Truetype Font นี่ มันคือ f0nt นามสกุล ttf หรือเปล่าครับ? :09:
ไม่ใช่ครับ มันต้อง convert font (ในเว็บมีเครื่องมือให้) ก่อน ยังไม่ได้ลองเหมือนกัน เดาว่าใช้ได้แต่ประกิต
swffit http://swffit.millermedeiros.com/ (http://swffit.millermedeiros.com/)
อ้างอิง Why? swffit was made to improve accessibility of your flash website. It was made because each user uses a different screen resolution and resizes the browser window at custom sizes.. when you set the flash size to 100% (width and/or height) the browser won't generate scrollbars and maybe an important content will be hidden for the user.What it does? swffit automatically resizes your flash to 100% width and 100% height when your browser window is greater than the minimum desired size and resizes flash to the minimum desired size when the browser window is smaller... It can also resize the flash movie to a maximum size if the browser window size is greater than the maximum size...สคริปต์ตัวแปะแฟลชลงในหน้าเว็บให้ย่อขยายขนาดเป็น 100% ของหน้าต่างเบราว์เซอร์เอง
โดยที่มันจะรักษาขนาดของแฟลชให้เต็มจอเสมอครับ :12: :12: :12:
ลองก่อนนะครับ :25:
อ้างคำพูดจาก: แอนดูมาโอ๊ะ เมื่อ 27 ต.ค. 2008, 21:51 น. ไม่ใช่ครับ มันต้อง convert font (ในเว็บมีเครื่องมือให้) ก่อน ยังไม่ได้ลองเหมือนกัน เดาว่าใช้ได้แต่ประกิตภาษาไทยใช้ได้ครับ ลองแล้ว แหล่มเลย :12:
Font: TH SarabunPS
(http://img3.f0nt.com/23/366123f982f9727194f91f94b8b1f57a.gif)
ลองพิมพ์ พี่ฎูนู๋เป่าปี่ ให้ชมหน่อยครับ :25:
:56: (http://img3.f0nt.com/23/57f9d8a24bf30c2f66e62fe7d6806f3e.gif)
:07b: เจ๋ว (เจ๋ง+แจ๋ว)
ทำไม iannnnnPDF2008 จึงขึ้นเช่นนี้ :37: (http://img3.f0nt.com/23/126bda2aac77a70ec5b6afad820b260a.gif)
นั่นสิครับ ตะกี้พอลองแล้วมันบอกเจ้าของฟอนต์ไม่อนุญาต แล้วงี้ตูจะไปขอจากใคร :05:
:30: :30:
:30: :30: :30:
:30: :30:
Pop! simple pop menus with jQuery (http://pop.seaofclouds.com/) ไอคอนเล็กๆ หลังข้อความ พอกดปั๊บจะมีเนื้อหาโผล่ขึ้นมา ใส่อะไรก็ได้ลงไป ถ้านึกไม่ออกลองกดไปอ่านแล้วจะชอบ
น่ารักดี :25: ต้องหาโอกาสใช้ซะแล้ว
ขอขุดมาบ่นหน่อย ทุกสคริปต์ที่ผ่านมา สุดยอด! :12: ได้เปิดจู๋นี้บ่อยแน่ๆ เวลาทำเว็บ :49: ตอนนี้รู้สึกลัลล้ามาก :33: ขอบคุณพี่แอนมากๆ :27:
:44: อ่านแล้วเสียว
:30:
f0nt shortcuts จากลูกยุของพี่แอนให้เอาขึ้น userscript เลยเอาไปวางไว้ให้แล้วครับ :37: http://userscripts.org/topics/23248 (http://userscripts.org/topics/23248) ได้ผลโหวตเป็น terrific เลยนะครับ :37: :37: :37:
โหวตกันล้มหลามจริงๆ :37:
มีแฟน 1 รายด้วยนะ
อ้างคำพูดจาก: ไอ้แอนนนนน เมื่อ 25 ต.ค. 2008, 23:20 น. วิธีฆ่า IE6 :13:<!--[if lte IE 6]> <STYLE>@;/* <![endif]--> ใส่ลงไปเลยครับ เปิดมาปั๊บเจ๊ง สะใจมาก (ที่มา (http://www.wprecipes.com/how-to-kill-ie6-on-your-wordpress-blog))อีกอัน
<script>for(x in document.write){document.write(x);}</script>วิธีทดสอบ
1. เปิด Notepad
2. วางโค้ดนี้ลงไป
3. Save ชื่อว่าอะไรก็ได้ แต่ให้พิมพ์ว่า .html ต่อท้ายด้วย
4. เปิดไฟล์ด้วย IE :13:
//ปล. ใช้ได้ดั้งแต่ IE 0.0.1 release a ยัน IE 7
ขอบคุณครับ :12:
เยี่ยมมาก :39b:
http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/ (http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/)
เขาเอาโค้ด html ที่ไม่ค่อยได้ใช้กันมาให้ดูครับ
เช่นอันนี้
<label for="showtimes">Showtimes</label> <select id="showtimes" name="showtimes"> <optgroup label="1PM"></optgroup> <option value="titanic">Twister</option> <option value="nd">Napoleon Dynamite</option> <option value="wab">What About Bob?</option> <optgroup label="2PM"></optgroup> <option value="bkrw">Be Kind Rewind</option> <option value="stf">Stranger Than Fiction</option> </select>ก็จะออกมาเป็นแบบนี้
อ้างอิง Showtimes
Twister Napoleon Dynamite What About Bob? Be Kind Rewind Stranger Than Fiction
:25:
เพิ่งรู้ว่ามี optgroup ด้วย จดๆๆ :12:
:07: เจ๋ง :12: +
optgroup ผมใช้บ่อยนะ :52:
อ้าว ไม่แสดงผลในโครมแฮะ :05:
HTML 5 and Web Standards by LAB.TOSDN (http://lab.tosdn.com/?p=350) แนะนำ HTML 5 ที่มาเคาะประตูบ้านเราแล้วเนี่ย (แต่ยังไม่เคาะ IE :13:) เรียบเรียงมาให้อ่านพร้อมภาพประกอบ น่าอ่านมากๆ ครับ
มาแนะนำ javascript lib เท่ๆ ตัวนึงครับ คุ่แข่ง jquery ui เลยทีเดียว มันคือ jquery tools เอาไปใช้กับงานที่บริษัทดูหรูหราไฮโซมาก :30: ตัวอย่าง tooltips http://flowplayer.org/tools/tooltip.html (http://flowplayer.org/tools/tooltip.html) วิธีใช้แสนง่าย 1. โหลดลิบมันไปก่อน 2. โค๊ด html<!-- trigger element --> <a href="#" id="trigger"> Move the mouse over this box to see the tooltip in action. </a> <!-- tooltip element --> <div class="tooltip"> <h3>The Tooltip</h3> <p> <strong>A great tool for designing better layouts and more intuitive user-interfaces.</strong> </p> <p> Tooltips can contain any HTML such as links, images, forms and tables. This tooltip is vertically centered on the top edge of the trigger element. </p> </div> 3. CSS/* tooltip styling. uses a background image (a black box with an arrow) */ div.tooltip { background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0; font-size:14px; height:153px; padding:30px; width:310px; font-size:14px; display:none; color:#fff; } /* tooltip title element (h3) */ div.tooltip h3 { margin:0; font-size:18px; color:#fff; } 4.javascript tag ที่แทรกเข้าไปใน page $("#trigger").tooltip();
สวย :25: น่าเอาไปใช้กับหน้าแสดงภาพในเว็บ พอชี้ปุ๊บก็ขึ้นเป็นเหมือนบทพูด :53:
:25: สวยอะแฮะ
เจ๋งมาก :25:
ใช้ง่ายจริงๆ ด้วย :25:
Mailto Encoder http://rumkin.com/tools/mailto_encoder/encode.php (http://rumkin.com/tools/mailto_encoder/encode.php) เอาไว้สร้าง tag <a href="mailto:name@domain.com">name@domain.com</a> ด้วย js เพื่อป้องกันตัวดูดเมล์ :12:
มันกันได้จริงไหมครับ :25:
น่าจะได้นะ เห็นตัว wysiwyg ใน joomla ก็ใช้สคริปประมาณนี้แหละ :56:
:25: ขอบคุณครับ เดี๋ยวลองใช้มั่ง
อ้างคำพูดจาก: JanΣ เมื่อ 04 ส.ค. 2009, 23:15 น. น่าจะได้นะ เห็นตัว wysiwyg ใน joomla ก็ใช้สคริปประมาณนี้แหละ :56:อ้าว เพิ่งรู้ ใช้จุ๋มมาตั้งนาน :25: :46:
:25: ขอบคุณครับ
http://css-tricks.com/snippets/ (http://css-tricks.com/snippets/)
รวมฮิตโค้ดกะจิ๋วหลิวน่าใช้จาก CSS-Tricks :25:
อ้างอิง * CSS o Accessibility/SEO Friendly CSS Hiding o All Stylesheet Media Types o Better Helvetica o Centering a Website o Change Text Selection Color o Cross Browser Inline-Block o Cross Browser Opacity o Cross-Browser Min Height o CSS Font Families o CSS Text Shadow o CSS3 Zebra Striping a Table o Exactly Center an Image/Div Horizontally and Vertically o Font Shorthand o Force Element To Self-Clear it's Children o Force Vertical Scrollbar o Give Clickable Elements a Pointer Cursor o Link Pseudo-Classes (In Order) o Meyer Reset o Not-Terrible Image Resizing in IE o Prevent Superscripts and Subscripts from Affecting Line-Height o Remove Button Text in IE7 o Removing Dotted Outline o Rounded Corners o Standard CSS Image Replacement o Style Override Technique o Using @font-face * HTML o Add Body Class Just For IE o Basic Microformatted hCard o Meta Tag For Forcing IE 8 to Behave Like IE 7 o Open Link in a New Window o Serve Stylesheet for Everything Except IE 6 o The Common DOCTYPES * JavaScript o Auto Select Textarea Text o Detect Internet Explorer o Detect Javascript On/Off, With Notification o Different Stylesheet Pending the Time of Day o Different Stylesheets for Different Days of the Week o Modern Event Handling o Redirect Mobile Devices o Run JavaScript Only After Entire Page Has Loaded * jQuery o Add Non-Breaking Space on Title to Prevent Widows o Adding/Removing Class on Hover o Automatically Discover Document Links And Apply Class o Browser Detetction + Apply Classes to HTML Element o Check if Element Exists o Clear Default Search String on Focus o Equalize Heights of Divs o Fade Image Into Another Image o Inputs That Remember Original Value o Link Nudging o Make Entire Div Clickable o Open External Links In New Window o Set/Clear Default Input Value o Zebra Stripe a Table * PHP o Applying Even/Odd Classes o Basic Database Connection, Random Query, Display Result o Change Month Number to Month Name o Create Unique AlphaNumeric o Display a User Gravatar from an Email Address o Display Array Contents o Display FeedBurner Feed Count o Find File Extension o Find URLs in Text, Make Links o Get FeedBurner Subscriber Count with cURL o MySQL Backup Class o MySQL Database Access Class o MySQL Restore Class o PHP Date Parameters o PHP IE Detection o Randomize File Name o Separate First and Last Name * WordPress o Disable Automatic Formatting Using a Shortcode o Embed a Page inside a Page o Find ID of Top-Most Parent Page o ID the Body Based on URL o Include Any File From Your Theme o Login/Logout and User Welcome o Natural Sort Using Post meta_key o Prevent Search Bots from Indexing Search Results o Remove Specific Categories From The Loop o Run Loop on Posts of Specific Categoryแล้วยังมีมาเติมอีกเรื่อยๆ
สคริปต์ลิงหล่อลื่น เปลี่ยนโฉม กกคลด กะ กกรด เป็นเรียบๆแบบ helvetica ล่ะ :25: :25: :25: (http://www.iamadtaylor.com/wp-content/themes/iamadtaylor/images/features/2009/helvetical_screenshot.png) http://www.iamadtaylor.com/helvetical/ (http://www.iamadtaylor.com/helvetical/)
:25: เอิ้ว
http://userscripts.org/scripts/show/29222 (http://userscripts.org/scripts/show/29222) Cavern links checker :25: เอาไว้เช็คลิงค์โหลดตามเว็บฝากไฟล์ว่าใช้ได้มั้ย โดยที่ไม่ต้องกดเข้าเว็บไปดู! ถ้าใช้ได้ก็ขึ้นเขียว ถ้าไม่ได้ก็ขึ้นแดง :25:
กันย์ที่ย่ออ่านว่าอะไรเรอะ พี่พยายามแล้วนะ แต่ไม่สำเร็จ กก นี่ กูเกิ้ลแน่ๆ นอกนั้น ไม่รู้เรื่อง :05:
กกคลด = Google Calendar กกรด = Google Reader :47:
OneFileCMS (http://onefilecms.com/) File Manager ฟรี ตัวเล็กติ๊ดเดียว เหมาะสำหรับคนชอบแก้ไขเว็บจากโค้ดไฟล์เลย (ตูเอง) โดยไม่ต้องพึ่ง FTP
อันนี้แหละสุดยืด http://www.ixedit.com/ (http://www.ixedit.com/) http://www.youtube.com/watch?v=CcjZnwpBLBU&feature=player_embedded# (http://www.youtube.com/watch?v=CcjZnwpBLBU&feature=player_embedded#) ไม่ต้องรู้โค้ดอะไรเลยก็ทำ Ajax ได้ :07c:
ง่ายโพดๆ :07: ข้อดีอีกอย่างคือ ใส่เอฟเฟกทุกอย่างในหน้าเดียวได้ด้วย ไม่ตีกันเอง :25:
ไม่เห็นได้เขียนโค้ดเลย :07:
จ๊าก :07:
อ้างคำพูดจาก: กันย์ เมื่อ 05 ก.ย. 2009, 13:43 น. สคริปต์ลิงหล่อลื่น เปลี่ยนโฉม กกคลด กะ กกรด เป็นเรียบๆแบบ helvetica ล่ะ :25: :25: :25: (http://www.iamadtaylor.com/wp-content/themes/iamadtaylor/images/features/2009/helvetical_screenshot.png) http://www.iamadtaylor.com/helvetical/ (http://www.iamadtaylor.com/helvetical/)ย่อแล้วแปลไม่ค่อยออกเลยนะครับนี่ :08:
กูเกิลคาเรนดาร์ กูเกิลรีดเดอร์ :47b:
:07: :07: :07:
:58: ตกกะใจหมด
ขุด ปกติเวลาเราเขียน CSS ขึ้นมาใช้ในเว็บ แล้วไปแก้มันเนี่ย ทุกครั้งที่เพิ่งแก้ เวลาคนเข้ามาก็จะไม่เห็น CSS ตัวใหม่ใช่ม้า วิธีก็คือในบรรทัดที่เราอัญเชิญ CSS มา ให้เติม ?a=12345 ลงไป (อันนี้คงรู้กันเนอะ) แต่มีวิธีนึงที่เป็นสูตรอมตะที่ทำให้มันโหลด CSS ทุกครั้งไม่มีการ Cache ครับ คือเอาวิธีข้างบนมาบวกกับ PHP ดังนี้<link ... href="style.css?v=<?php echo filemtime ( 'style.css' ); ?> " /> เครดิต @dinth (ที่มา (http://www.designil.com/css-versioning-technique-cache-auto-update.html))
เปิ้ล
อันนี้เพิ่งรู้ :37:
<div contenteditable="true" > ใส่โค้ดนี้ลงไปกับก้อนใดๆ ก็ตาม ไม่เว้น body แล้วเราจะสามารถคลิกแก้ไขได้ </div>ตัวอย่าง
:18:
http://www.html5.in.th/2011/01/contenteditable-html5/ (http://www.html5.in.th/2011/01/contenteditable-html5/) html5 feature ครับ
:25:
แจกครับ google หาไม่เจอ งอน ทำเองแจกเองแม่งเลย :59: "อื่นๆ โปรดระบุ" เป็น dropdown แบบที่มีช่อง "อื่นๆ โปรดระบุ" อยู่ในตัว dropdown เลย ตัวอย่างและวิธีใช้ครับ http://earthchie.com/sandbox/specificdropdown/index.html (http://earthchie.com/sandbox/specificdropdown/index.html) ดาวน์โหลดสคริปต์ (http://counter.earthchie.com/?id=42)
:25:
เอาไปแปลงเป็น jquery plugins ต่อเลยดิ วิธี disable ยังไม่ jquery style เพิ่มงาน ๆๆๆ :47: :47: :47:
ทำไม่เป็น เพิ่งเขียน jquery เป็นเมื่อเดือนที่แล้วนี่เอง :3005:
จ๊าบ :12:
:25: โห เมื่อก่อนก็หาตั้งนานเหมือนกัน
มาใหม่อีกอัน http://www.earthchie.com/sandbox/ckinplace/ (http://www.earthchie.com/sandbox/ckinplace/) อันนี้ส่วนใหญ่ไม่ได้เขียนเอง ไปเอาของเว็บ www.Dave-Earley.com (http://www.dave-earley.com) มา (ตอนนี้เว็บนั้นหมดอายุไปซะละ ดีว่าเก็บโค้ดไว้ตั้งแต่ปีก่อน) ผมเอาโค้ดเค้ามาเขียนส่วนเรียกใช้เพิ่ม ทำให้แก้ไข content ใน div ด้วย ckeditor ได้ทุกที่ เพียงแค่ class="editable" เข้าไป ด้วยความที่ google ไม่เจอฝรั่งคนอื่นที่ทำคล้ายๆ กันเอาไว้ ผมเลยเขียนเป็น eng (เน่าๆ) เผื่อมันจะติด google กับเค้าบ้าง :30:
:59: ขยันจัง แปะป้ายรับบริจาค Paypal ด้วยดิ
เป็นความที่คิดดีครับ :25:
เก่งอ่ะเอิร์ท :12: ไว้งานหน้าจะลองใช้ดู :40:
ขอบคุณครับ :53:
http://benvinegar.github.com/seamless-talk/ (http://benvinegar.github.com/seamless-talk/) บทความแนะนำ Seamless iframes เป็น iframe แบบยืดหดได้ ออกแบบ css ครอบลงไปได้ ฯลฯ แก้ปัญหาที่เคยมีมาของ iframe ทั้งหมด โคตรประเสริฐเลย แต่ข่าวร้าย: ต้อง Chrome 22 ขึ้นไปนะ ดังนั้นอ่านๆ ไว้ก่อน
Chrome ไปถึงเวอร์ชั่น 20 กว่าแล้วเหรอ :3005:
http://cssdeck.com/labs/tee7adt4 (http://cssdeck.com/labs/tee7adt4) กล้อง CCTV หันมองตามเมาส์ ยังกะสคริปต์สมัยแฟลชรุ่งเรือง มีอะไรแบบนี้มาบ่อยมาก :30:
:30: น่าจะส่ายได้ด้วย
ขุด
http://codepen.io/sol0mka/pen/ogOYJj (http://codepen.io/sol0mka/pen/ogOYJj)
ไอ้บ้าเอ๊ย :59:
:55: