สิ่งที่มีแต่นักพัฒนาเว็บยุค 90 เท่านั้นที่จำได้ (2014)

สิ่งที่มีแต่นักพัฒนาเว็บยุค 90 เท่านั้นที่จำได้

• นักพัฒนาเว็บยุค 90 เคยผสานแท็ก <blink> และ <marquee> เข้าด้วยกันเพื่อสร้างแอนิเมชันคอมพิวเตอร์สุดล้ำ
• ในยุคนั้น เทคโนโลยีแบบนี้ถูกมองว่าเป็นนวัตกรรมอันยิ่งใหญ่ และนักพัฒนาเว็บก็ถูกมองว่าเป็นผู้บุกเบิกแห่งนวัตกรรมทางเทคโนโลยี

1x1.gif

• 1x1.gif คือภาพ GIF โปร่งใสที่มีเพียงพิกเซลเดียว และถูกยกให้เป็นความสำเร็จสำคัญที่สุดของวิทยาการคอมพิวเตอร์นับจาก linked list
• ภาพเล็กจิ๋วนี้เหมาะอย่างยิ่งกับเว็บแบบ responsive และถูกใช้เพื่อจัดวางองค์ประกอบต่าง ๆ บนหน้าเว็บได้อย่างอิสระ
• สามารถใช้แท็กอย่าง <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250> เพื่อวางองค์ประกอบภายในหน้าเว็บไว้ในตำแหน่งที่ต้องการได้

    

•   เป็น HTML entity สำหรับสร้างช่องว่าง และมีประโยชน์มากเมื่อการใช้รูปภาพทำได้ยาก
• การใส่   ซ้ำหลายครั้งช่วยสร้างพื้นที่ว่างได้มากเท่าที่ต้องการ และเป็นเทคนิคที่ใช้กันบ่อยในการพัฒนาเว็บยุค 90

ขีดเส้นใต้แบบจุดและเอฟเฟกต์เส้นขอบ

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

DHTML

• CSS และ JavaScript รวมกันจนเกิดเป็นเทคโนโลยีที่เรียกว่า DHTML
• DHTML ช่วยให้การพัฒนาเว็บเปลี่ยนจากงานอดิเรกไปเป็นอาชีพเฉพาะทาง และมอบบล็อกโค้ดที่แก้ปัญหาได้ด้วยการคัดลอกและวางเพียงอย่างเดียว

ฟอนต์พิกเซล

• เนื่องจากความละเอียดของหน้าจอคอมพิวเตอร์ในเวลานั้นต่ำ จึงมีการใช้ฟอนต์พิกเซลขนาดเล็กเพื่อใช้พื้นที่บนหน้าจอให้คุ้มค่าที่สุด
• นักพัฒนาเว็บเริ่มสนใจ pixel art มากขึ้น และสิ่งนี้ก็พบเห็นได้บน splash screen ของหน้าเว็บ

ปุ่ม

• Internet Explorer 4.0 ถูกมองว่าเป็นรูปแบบที่สมบูรณ์แบบของเว็บเบราว์เซอร์ และมีอิทธิพลต่อการตัดสินใจของผู้ใช้ว่าควรใช้เบราว์เซอร์ใด
• เว็บไซต์ต่าง ๆ แสดงปุ่มขนาด 88x31 พิกเซลหลากหลายแบบ ซึ่งกลายเป็นสัญลักษณ์แทนประสบการณ์และความชอบของนักพัฒนาเว็บ

ความเห็นของ GN⁺

• บทความนี้ปลุกความคิดถึงต่อการพัฒนาเว็บในยุค 90 และพาย้อนรำลึกถึงนวัตกรรมทางเทคนิคกับความคิดสร้างสรรค์ในเวลานั้น
• มันแสดงให้เห็นว่าเทคนิคง่าย ๆ อย่าง 1x1.gif และ   ได้ปฏิวัติการออกแบบหน้าเว็บอย่างไร
• ช่วยให้นักพัฒนาเว็บในปัจจุบันเข้าใจได้ว่าเทคโนโลยีเว็บในอดีตนั้นมีความสร้างสรรค์และชอบการทดลองมากเพียงใด

[GN⁺]

ความเห็นบน Hacker News

• ประสบการณ์เกี่ยวกับ server-side image map

  • ผู้ดูแลระบบและผู้เริ่มต้นเขียนเว็บโปรแกรมคนหนึ่งใช้ server-side image map แทน JavaScript เพื่อจัดการจุดบนรูปภาพ
  • เพราะอยากหลีกเลี่ยง JavaScript จึงต้องเขียนโค้ด Python มากขึ้น

• การจัดกึ่งกลางแนวตั้งในอดีตและปัจจุบัน

  • ในอดีตไม่สามารถใช้ vertical-align: middle; ได้ ทำให้สูญเสียประสิทธิภาพไปมาก แต่ตอนนี้ไม่เป็นเช่นนั้นแล้ว
  • การหวนรำลึกถึงสไตล์ลิงก์ hover ในยุค Internet Explorer และการออกแบบมุมโค้งด้วยตาราง

• คำอธิบายเกี่ยวกับ DHTML(Dynamic HTML)

  • ชี้ให้เห็นว่า DHTML หมายถึง 'Dynamic HTML' ไม่ใช่ 'Distributed HTML'
  • สามารถคัดลอกโค้ดจากเว็บไซต์อย่าง Dynamic Drive มาแก้ปัญหาได้

• การใช้เฟรมและปัญหาของมัน

  • เฟรมคือ "วิธีแก้ปัญหา" แบบดั้งเดิมที่ช่วยไม่ต้องแก้ navigation bar ซ้ำในหลายหน้า
  • มีปัญหาเมื่อเข้าหน้าเฟรมโดยตรง และเมื่อ search engine จัดทำดัชนีบางส่วนของหน้าแยกกัน

• การสำรวจฟังก์ชันขยาย menu bar บนโฮมเพจของ Microsoft

  • ในปี 1996 มีความพยายามทำความเข้าใจฟังก์ชันขยายของ menu bar บนโฮมเพจ Microsoft
  • มีปัญหาที่ source code แสดงเป็นบรรทัดเดียว และมีความเข้าใจผิดเกี่ยวกับเอนทิตี  

• การออกแบบมุมโค้งด้วยตาราง

  • เป็นเทคนิคสร้างมุมโค้งโดยใช้ตาราง 3x3 และรูปภาพ
  • เทคนิคนี้ยังถูกใช้ในอีเมล HTML อยู่เป็นเวลานาน

• แนะนำ Geocities Gallery

  • แนะนำ Geocities Gallery สำหรับสัมผัสประสบการณ์เว็บยุค 90
  • ดีไซน์ที่เป็นเอกลักษณ์และเนื้อหาที่สะท้อนตัวตนของเว็บเพจส่วนบุคคลตัดกับโซเชียลมีเดียในปัจจุบัน

• ความเข้ากันได้ของเบราว์เซอร์สำหรับแท็ก <blink> และ <marquee>

  • Netscape รองรับ <blink> และ Internet Explorer รองรับ <marquee> แต่แทบไม่มีกรณีที่รองรับทั้งสองอย่าง

• ลักษณะเด่นของเว็บไซต์ยุค 90/2000

  • มีข้อความว่า "ปรับให้เหมาะกับความละเอียด 800x600" และตรารับรอง "Valid HTML 4.01"
  • โฆษณาเปลี่ยนจากแบนเนอร์รูปภาพธรรมดาไปเป็น JavaScript bundle ที่ซับซ้อนและโฆษณาวิดีโอ

• การไม่ใช้คำว่า 'webmaster'

  • มีการตั้งข้อสงสัยว่าทำไมในบทความถึงไม่กล่าวถึงคำว่า 'webmaster' เลยแม้แต่ครั้งเดียว