รวมฮิต สคริปต์เด็ด

[กันย์]

โหวตกันล้มหลามจริงๆ

[iannnnn]

มีแฟน 1 รายด้วยนะ

[@srakrn]

วิธีฆ่า IE6

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<!--[if lte IE 6]>
<STYLE>@;/*
<![endif]-->

ใส่ลงไปเลยครับ เปิดมาปั๊บเจ๊ง สะใจมาก (ที่มา)

อีกอัน

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<script>for(x in document.write){document.write(x);}</script>
วิธีทดสอบ
1. เปิด Notepad
2. วางโค้ดนี้ลงไป
3. Save ชื่อว่าอะไรก็ได้ แต่ให้พิมพ์ว่า .html ต่อท้ายด้วย
4. เปิดไฟล์ด้วย IE
//ปล. ใช้ได้ดั้งแต่ IE 0.0.1 release a ยัน IE 7

[เทอร์โบบูสเตอร์]

ขอบคุณครับ 

[iannnnn]

เยี่ยมมาก

[iannnnn]

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

[หนุ่ม]

เพิ่งรู้ว่ามี optgroup ด้วย

จดๆๆ

[ej_sing]

  เจ๋ง  +

[JΛNΣ]

optgroup ผมใช้บ่อยนะ 

[iannnnn]

อ้าว ไม่แสดงผลในโครมแฮะ

[iannnnn]

  HTML 5 and Web Standards by LAB.TOSDN

แนะนำ HTML 5 ที่มาเคาะประตูบ้านเราแล้วเนี่ย (แต่ยังไม่เคาะ IE )
เรียบเรียงมาให้อ่านพร้อมภาพประกอบ น่าอ่านมากๆ ครับ

[ยุนเอ]

มาแนะนำ javascript lib เท่ๆ ตัวนึงครับ คุ่แข่ง jquery ui เลยทีเดียว
มันคือ jquery tools

เอาไปใช้กับงานที่บริษัทดูหรูหราไฮโซมาก 
ตัวอย่าง tooltips
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();

[IM]

สวย 

น่าเอาไปใช้กับหน้าแสดงภาพในเว็บ  พอชี้ปุ๊บก็ขึ้นเป็นเหมือนบทพูด 

[Bellbells]

  สวยอะแฮะ

[ณัฏฐ์]

เจ๋งมาก