Video Screencasts 2025, Tháng BảY
Nhiều trang web không sử dụng bất kỳ Hệ thống Quản lý Nội dung (CMS) ưa thích nào để tạo các trang của họ, chúng chỉ là nội dung HTML tĩnh tốt. Một trang web cho "
Như chúng tôi đã nói ở đây nhiều lần: phông chữ biểu tượng thật tuyệt vời. Chúng có hiệu quả giống như cách CSS sprite hiệu quả: rất nhiều hình ảnh có thể sử dụng cho "
Trong video màn hình này, chúng tôi trực tiếp trả lời nhiều bài đăng trên diễn đàn hơn mà không có bất kỳ kế hoạch nào. Tôi không nghĩ rằng chúng tôi đạt được một homerun trên bất kỳ chủ đề nào mà chúng tôi xem xét, nhưng "
Tôi chưa bao giờ gửi "Yêu cầu kéo" trên GitHub. Tôi muốn thử một lần, vì vậy video này ghi lại khoảnh khắc tôi cố gắng tìm hiểu "
Trong video màn hình này, chúng tôi chuyển đến Diễn đàn để trả lời nhiều câu hỏi nhất có thể. Vấn đề là chỉ để vui vẻ một chút và cho bạn thấy nó dễ dàng như thế nào để "
Tôi trình bày bốn điều thực sự đơn giản bạn có thể làm để làm cho trang web của bạn nhanh hơn. Thậm chí không có gì phức tạp bằng việc tạo các sprite hình ảnh (không phải thế "
Ngay cả khi bố cục của một trang web đơn giản như một vùng nội dung chính ở bên trái và một thanh bên ở bên phải, đó là một lưới. Có các phương pháp bố cục mới trong CSS "
CodePen PRO cung cấp một loạt các tính năng mới. Bạn có thể đọc về chúng, nhưng hiển thị chúng tốt hơn nhiều phải không? : Và điều này chỉ là khởi đầu."
CodePen là một ứng dụng để chia sẻ và chơi với mã giao diện người dùng. Tôi đã thực hiện nó với một số người bạn của tôi: Alex Vazquez và Tim Sabat. Trong điển hình này "
Đây là tổng quan nhanh ở cấp độ người mới bắt đầu về các giá trị vị trí CSS khác nhau. Tóm lại: tương đối cho phép bạn "di chuyển" và rời khỏi phần tử "
Trong video màn hình này, tôi di chuyển trang web cá nhân của mình từ các cách chỉnh sửa FTP trực tiếp cũ sang một hệ thống được kiểm soát phiên bản thích hợp bao gồm cả triển khai. Tôi chưa "
Không có gì phải sợ trong thế giới tiền xử lý mới đầy dũng cảm này. Ứng dụng gốc làm cho nó dễ dàng đến mức nó phải là một phần quan trọng của bất kỳ ứng dụng hiện đại nào "
Có ba loại bố cục khác nhau cho trang web: Chiều rộng cố định, Chiều rộng linh hoạt và Chiều rộng đàn hồi. Trong video màn hình này, chúng tôi xem xét cả ba "
Chartwell là một phông chữ đặc biệt để tạo biểu đồ tròn, biểu đồ thanh và biểu đồ đường đơn giản và đẹp mắt. Nó đơn giản như viết ra các phương trình đơn giản "
LiveReload là một ứng dụng thanh menu chỉ dành cho Mac, khá hữu ích cho các nhà phát triển web. Chỉ cần yêu cầu nó xem một thư mục cụ thể và khi một tệp được lưu, "
Chủ đề WordPress mặc định tại thời điểm phát sóng màn hình này là TwentyEleven, một thiết kế đáp ứng và đơn giản tuyệt vời. Đó là, cho đến khi chúng tôi đăng một "
Có nhiều công cụ để hiển thị cho bạn ảnh chụp màn hình của các trang web trong các trình duyệt khác nhau để giúp kiểm tra. Nhưng ảnh chụp màn hình thiếu rất nhiều cách: không "
Trong đó tôi lấy một ví dụ thực tế về một nơi nào đó mà tôi biết sử dụng sprite sẽ là một ý tưởng hay, tạo sprite bằng tay trong Photoshop (phương pháp ưa thích của tôi) và "
Chỉ cần lưu trang web từ trình duyệt (trong Firefox, bạn nhận được tệp .html và tất cả các tài nguyên), thả nó vào thư mục Công khai của bạn và sử dụng nhấp chuột phải "
Trong đó tôi chỉ ra và giải thích những điều cơ bản về "thiết kế web đáp ứng" có nghĩa là gì. Sau đó, tôi đi khắp nơi và hiển thị các ví dụ, liên quan "
Chúng tôi dành cả giờ để xem xét một thiết kế Photoshop và viết mã đánh dấu HTML5 mô tả những gì chúng tôi thấy. Chúng tôi cố gắng và ngữ nghĩa nhất có thể và thảo luận "
Bạn có lẽ đã biết khá rõ lý do tại sao sử dụng kiểm soát phiên bản là một điều tốt. Trong trường hợp bạn không, tôi sẽ nhanh chóng xem xét điều đó trong video này. Sau đó, chúng tôi đi vào "
Đây là một tập đặc biệt bổ sung theo chủ đề EMPIRE STRIKES BACK của loạt phim thiết kế lại v10! Mọi thứ bắt đầu tốt. Chúng tôi bắt đầu chuyển một số thứ qua "
Đây là tập đặc biệt bổ sung theo chủ đề RETURN OF THE JEDI của loạt phim thiết kế lại v10! Chúng tôi đã để lại màn hình cuối cùng bị đánh bại hoàn toàn. Chúng tôi đã cố gắng sử dụng "
Almanac là một thứ được đưa ra trong phiên bản 9 và không bao giờ hoàn thành. Nó đang ngày càng gần hơn và gần hơn mỗi ngày. Vì vậy, trong v10, chúng tôi sẽ thiết kế xung quanh "
Tìm kiếm hoạt động! Nó chỉ là mẫu mà bạn tiếp cận không hoàn toàn đúng. Chúng tôi cần chỉnh sửa mẫu để nó trông đúng và phù hợp với phong cách của "
Chúng tôi có một chút mô hình Photoshop để làm việc từ đây khi chúng tôi tiếp tục xây dựng mẫu cho trang thư viện riêng lẻ. Đầu tiên, chúng tôi tạo kiểu Tiếp theo "
Khu vực tìm kiếm trong tiêu đề "hoạt động" ở chỗ nó được thiết kế và bạn có thể nhấp vào nó để mở và đóng và tất cả những điều đó. Nhưng nó không thực sự thực hiện bất kỳ tìm kiếm nào "
Chúng tôi đã dành toàn bộ thời gian cho mô hình tĩnh của mình để tạo ra một số JavaScript thông minh có thể "tải mượt" các hình ảnh trong Thư viện. Bây giờ chúng ta có "
Tất cả các Công cụ Tìm kiếm Tuỳ chỉnh của Google của chúng tôi đã được thiết lập (chúng tôi thiết lập một Công cụ Tìm kiếm Tuỳ chỉnh khác nhau cho từng phần của trang web). Giao diện người dùng cho tìm kiếm của chúng tôi đã sẵn sàng hoạt động. Chúng ta có"