# 19: Thiết kế một trang duy nhất để cập nhật Twitter - Thủ thuật CSS

Anonim

Tuần này, tôi sẽ hướng dẫn bạn cách tạo trang web đơn giản để hiển thị 'Tweet' gần đây của bạn trên Twitter từ đầu đến cuối. Điều này bao gồm thiết kế trong Photoshop, bao gồm nội dung javascript do Twitter cung cấp vào phần đánh dấu, cho đến CSS để tạo kiểu cho trang.

Liên kết từ video:

  • Xem Demo
  • Tải tập tin
  • Twitter

Cập nhật (tháng 10 năm 2012)

JavaScript do Twitter cung cấp mà chúng tôi sử dụng trong video này không còn hoạt động. Tuy nhiên, tôi đã nhanh chóng cập nhật bản demo để sử dụng widget mới được cung cấp của họ. Mặc dù việc tích hợp của tôi trong bản demo mới có thể không tốt như ban đầu, nhưng JavaScript thực sự đẹp hơn, dễ dàng hơn và đi kèm với các tính năng Twitter hiện đại, như yêu thích và đăng lại.

Bạn cũng có thể chơi với tiện ích JavaScript mới trên CodePen này.