Những điều chỉ các lập trình viên web thập niên 90 mới nhớ (2014)

Những điều chỉ các lập trình viên web thập niên 90 mới nhớ

• Các lập trình viên web thập niên 90 đã kết hợp thẻ <blink> và thẻ <marquee> để tạo ra những hoạt ảnh máy tính đầy tính đột phá.
• Vào thời đó, những kỹ thuật này được xem là một đổi mới lớn, và các lập trình viên web được nhìn nhận như những người tiên phong của đổi mới công nghệ.

1x1.gif

• 1x1.gif là một ảnh GIF trong suốt chỉ gồm đúng một pixel, được xem là thành tựu quan trọng nhất của khoa học máy tính kể từ danh sách liên kết.
• Hình ảnh nhỏ bé này được tối ưu cho web đáp ứng và được dùng để bố trí các phần tử trên trang web một cách tự do.
• Có thể dùng các thẻ như <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250> để đặt các phần tử trong trang web vào vị trí mong muốn.

    

• Thẻ   là một thực thể HTML dùng để tạo khoảng trắng, rất hữu ích khi khó sử dụng hình ảnh.
• Có thể lặp lại   nhiều lần để tạo ra lượng khoảng trống mong muốn, và đây là kỹ thuật thường được dùng trong phát triển web thập niên 90.

Gạch chân chấm, hiệu ứng viền

• Khi CSS xuất hiện, các lập trình viên web bắt đầu dùng CSS để bỏ gạch chân của liên kết.
• Sự thay đổi này khiến Internet trở nên hỗn loạn, nhưng đồng thời cũng tạo động lực để phát triển những kỹ thuật mới như hiệu ứng con trỏ.

DHTML

• CSS và JavaScript kết hợp với nhau để tạo ra công nghệ mang tên DHTML.
• DHTML đã giúp biến phát triển web từ một sở thích thành một nghề chuyên nghiệp, đồng thời cung cấp các khối mã có thể giải quyết vấn đề chỉ bằng cách sao chép và dán.

Phông chữ pixel

• Do độ phân giải của màn hình máy tính thấp, người ta dùng các phông chữ pixel nhỏ để tận dụng tối đa không gian hiển thị.
• Các lập trình viên web bắt đầu quan tâm đến pixel art, và điều này có thể thấy trên màn hình chào của các trang web.

Nút bấm

• Internet Explorer 4.0 được xem là hình thái hoàn hảo của trình duyệt web, và đã ảnh hưởng đến việc người dùng quyết định nên dùng trình duyệt nào.
• Trên các website xuất hiện nhiều nút 88x31 pixel khác nhau, đây là biểu tượng thể hiện kinh nghiệm và sở thích của các lập trình viên web.

Ý kiến của GN⁺

• Bài viết này gợi lại nỗi hoài niệm về phát triển web thập niên 90, hồi tưởng về những đổi mới công nghệ và sự sáng tạo của thời đó.
• Nó cho thấy những kỹ thuật đơn giản như 1x1.gif và   đã tạo ra cuộc cách mạng trong thiết kế trang web như thế nào.
• Điều này giúp các lập trình viên web ngày nay hiểu được các công nghệ web trong quá khứ đã sáng tạo và giàu tính thử nghiệm đến mức nào.

[GN⁺]

Ý kiến Hacker News

• Chia sẻ trải nghiệm về image map phía máy chủ

  • Một quản trị viên hệ thống kiêm người mới học lập trình web đã dùng image map phía máy chủ thay vì JavaScript để xử lý các điểm trên hình ảnh.
  • Vì muốn tránh JavaScript nên đã phải viết nhiều mã Python hơn.

• Căn giữa theo chiều dọc ngày xưa và bây giờ

  • Trước đây không thể dùng vertical-align: middle;, gây tổn thất lớn về năng suất, nhưng giờ thì không còn như vậy nữa.
  • Hồi tưởng về style hover của liên kết thời Internet Explorer và thiết kế góc bo tròn bằng bảng.

• Giải thích về DHTML (Dynamic HTML)

  • Chỉ ra rằng DHTML có nghĩa là 'Dynamic HTML', không phải 'distributed HTML'.
  • Có thể sao chép mã từ các trang như Dynamic Drive để giải quyết vấn đề.

• Việc sử dụng frame và các vấn đề của nó

  • Frame là 'giải pháp' ban đầu giúp không phải sửa thanh điều hướng trên nhiều trang.
  • Có vấn đề khi truy cập trực tiếp vào trang frame và việc công cụ tìm kiếm có thể lập chỉ mục riêng từng phần của trang.

• Tìm hiểu tính năng mở rộng của thanh menu trên trang chủ Microsoft

  • Năm 1996, đã có nỗ lực tìm hiểu cách hoạt động của tính năng mở rộng thanh menu trên trang chủ Microsoft.
  • Gặp vấn đề mã nguồn hiển thị trên một dòng và hiểu sai về thực thể  .

• Thiết kế góc bo tròn bằng bảng

  • Kỹ thuật tạo góc bo tròn bằng bảng 3x3 và hình ảnh.
  • Kỹ thuật này cũng được dùng rất lâu trong email HTML.

• Gợi ý Geocities Gallery

  • Đề xuất Geocities Gallery để trải nghiệm web thập niên 90.
  • Thiết kế độc đáo và cá tính của các trang web cá nhân tạo nên sự tương phản với mạng xã hội ngày nay.

• Độ tương thích trình duyệt của thẻ <blink> và <marquee>

  • Netscape hỗ trợ <blink>, còn Internet Explorer hỗ trợ <marquee>, nhưng hiếm khi cả hai cùng được hỗ trợ.

• Đặc trưng của website thập niên 90/2000

  • Có dòng "Tối ưu cho độ phân giải 800x600" và huy hiệu chứng nhận "Valid HTML 4.01".
  • Quảng cáo đã thay đổi từ banner hình ảnh đơn giản sang các gói JavaScript phức tạp và quảng cáo video.

• Sự vắng mặt của thuật ngữ 'webmaster'

  • Đặt câu hỏi vì sao bài viết không nhắc đến từ 'webmaster' dù chỉ một lần.