Video Screencasts 2025, Tháng Sáu

# 156: Hãy nói về Webpack - Thủ thuật CSS

# 156: Hãy nói về Webpack - Thủ thuật CSS

Sean Larkin tham gia cùng tôi để nói về Webpack! Tôi nghi ngờ rằng tôi đang ở một mình trong một chút bối rối về cái quái gì Webpack là gì và làm gì. Ngay cả khi bạn đang chủ động "

# 134: Tham quan một trang web đang được xây dựng với Jekyll, Grunt, Sass, một Hệ thống SVG, v.v. - Thủ thuật CSS

# 134: Tham quan một trang web đang được xây dựng với Jekyll, Grunt, Sass, một Hệ thống SVG, v.v. - Thủ thuật CSS

Cảnh báo: đây là một đoạn màn hình ở cấp độ trung gian, quanh co, trong đó chúng tôi xem xét mã hỗ trợ quá trình xây dựng cho một trang web. Chúng tôi không viết bất kỳ mã nào. "

# 99: Tổng quan về các loại, thuộc tính và phần tử biểu mẫu HTML5 - Thủ thuật CSS

# 99: Tổng quan về các loại, thuộc tính và phần tử biểu mẫu HTML5 - Thủ thuật CSS

HTML5 có một loạt các tính năng dành riêng cho biểu mẫu, tất cả đều làm cho biểu mẫu trên web tốt hơn. Hỗ trợ của trình duyệt cho các tính năng là trên khắp bản đồ, nhưng nhiều "

# 9: Đêm đầy sao: Nền 3D với Hiệu ứng thị sai - Thủ thuật CSS

# 9: Đêm đầy sao: Nền 3D với Hiệu ứng thị sai - Thủ thuật CSS

Bằng cách sử dụng ba lớp tệp PNG trong suốt alpha, chúng tôi có thể tạo nền giả 3 chiều cho một trang web. Chương trình truyền hình này bao gồm cách "

# 98: Chơi với Viền Cơ thể - Thủ thuật CSS

# 98: Chơi với Viền Cơ thể - Thủ thuật CSS

Đặt một đường viền xung quanh bên trong cửa sổ trình duyệt là một ý tưởng nhỏ đơn giản và có thể là một hiệu ứng thiết kế đẹp. Nhưng chúng ta làm điều đó như thế nào để "

# 96: localStorage for Forms - Thủ thuật CSS

# 96: localStorage for Forms - Thủ thuật CSS

HTML5 có một phương pháp cực kỳ đơn giản để lưu trữ dữ liệu lâu dài được gọi là localStorage. Về cơ bản, bạn chỉ cần gọi một phương thức có cặp khóa / giá trị và đó là "

# 97: Giới thiệu về Hoạt ảnh CSS - Thủ thuật CSS

# 97: Giới thiệu về Hoạt ảnh CSS - Thủ thuật CSS

Hoạt ảnh, như chuyển tiếp, có thể thay đổi các thành phần của trang theo thời gian. Ảnh động mạnh hơn và phức tạp hơn theo nhiều cách. Bạn cần khai báo một "

# 95: Câu chuyện về học sinh biên giới - Thủ thuật CSS

# 95: Câu chuyện về học sinh biên giới - Thủ thuật CSS

Hóa ra có một cách đơn giản để thực hiện chuyển màu trên đường viền. Tuy nhiên, điều đó khiến tôi mất nhiều thời gian hơn những gì đáng lẽ phải đến, video màn hình này bao gồm "

# 94: Giới thiệu về Yếu tố giả - Thủ thuật CSS

# 94: Giới thiệu về Yếu tố giả - Thủ thuật CSS

Phần tử giả là phần tử hiển thị trên trang web không nằm trong "DOM" hoặc được tạo từ HTML, nhưng thay vào đó được chèn trực tiếp từ CSS. Điều này cho phép"

# 93: Hộp trình chiếu CSS3 - Thủ thuật CSS

# 93: Hộp trình chiếu CSS3 - Thủ thuật CSS

Hãy làm theo khi chúng tôi sử dụng một số chuyển đổi CSS3 rất đơn giản để tạo hiệu ứng hộp "slideup". Di chuột qua hộp và đặt tiêu đề của hộp "

# 92: Hướng dẫn Mã của Bảng Vẽ - Thủ thuật CSS

# 92: Hướng dẫn Mã của Bảng Vẽ - Thủ thuật CSS

Về bản chất, Drawing Table là một ứng dụng jQuery nhỏ một trang. Nó có một chức năng chính, tạo ra một thiết kế có màu bằng cách thay đổi màu sắc của các ô "

# 91: Vòng lặp WordPress - Thủ thuật CSS

# 91: Vòng lặp WordPress - Thủ thuật CSS

Không thiếu tài liệu về cấu trúc phân phát nội dung nổi tiếng của WordPress, nhưng tôi vẫn cảm thấy có nhiều sự nhầm lẫn và bí ẩn hơn "

# 86: Khoảnh khắc đầu tiên với MAMP - Thủ thuật CSS

# 86: Khoảnh khắc đầu tiên với MAMP - Thủ thuật CSS

Tôi đang đi sau thời gian về vấn đề này, nhưng cho đến gần đây, tôi chưa bao giờ thực sự phát triển tại địa phương. Mọi thứ tôi đã làm là "đi biệt kích" và làm việc "

# 90: Mẹo TextMate đơn giản - Thủ thuật CSS

# 90: Mẹo TextMate đơn giản - Thủ thuật CSS

TextMate là một trình soạn thảo mã chỉ dành cho mac. Xin lỗi tất cả người dùng PC trong thời gian này. Nếu bạn đã xem những đoạn phim này trong một thời gian dài, bạn biết tôi đã sử dụng "

# 89: Sắp xếp tài liệu Photoshop - Thủ thuật CSS

# 89: Sắp xếp tài liệu Photoshop - Thủ thuật CSS

Nếu bạn giống tôi, bạn vừa có lỗi với các tài liệu Photoshop không có tổ chức nghiêm túc vừa đánh giá cao những tài liệu được tổ chức tốt. Sự vô tổ chức không phải là "

# 8: Định dạng CSS - Thủ thuật CSS

# 8: Định dạng CSS - Thủ thuật CSS

Được tổ chức và sử dụng định dạng tốt trong các tệp CSS của bạn có thể giúp bạn tiết kiệm rất nhiều thời gian và sự thất vọng trong quá trình phát triển và đặc biệt là "

# 88: Intro to Compass / Sass - Thủ thuật CSS

# 88: Intro to Compass / Sass - Thủ thuật CSS

Hỏi một loạt các nhà thiết kế xem họ ước gì CSS có thể làm được điều mà bây giờ nó không thể làm được, và bạn sẽ nhận được một danh sách lớn giống như danh sách các tính năng của "

# 85: Các phương pháp hay nhất với nội dung động - Thủ thuật CSS

# 85: Các phương pháp hay nhất với nội dung động - Thủ thuật CSS

Một trong những bài báo tôi cập nhật trong "Tháng Năm là Tháng Bảo trì" là một bài báo về nội dung động. Ý tưởng là một trang web đơn giản, nơi nhấp vào một liên kết "

# 87: Tiến lên cùng MAMP - Thủ thuật CSS

# 87: Tiến lên cùng MAMP - Thủ thuật CSS

Làm việc cục bộ với MAMP thật tuyệt vời, nhưng còn khi bạn cần đưa trang web đó hoạt động thì sao? Lần trước, chúng tôi đã cài đặt phiên bản WordPress cục bộ, bây giờ "

# 83: Suy nghĩ về SEO - Thủ thuật CSS

# 83: Suy nghĩ về SEO - Thủ thuật CSS

Cảnh báo công bằng: lan man hơn bình thường. Hãy lắng nghe những suy nghĩ của tôi về SEO. Những gì tôi nghĩ tôi biết là SEO là một loạt các phương pháp hay nhất khá rõ ràng. A "

# 84: Hướng dẫn trang web của chris-mcgarry.com - Thủ thuật CSS

# 84: Hướng dẫn trang web của chris-mcgarry.com - Thủ thuật CSS

Tôi đã xây dựng một trang web cho một người bạn là nhạc sĩ của tôi đang phát hành một album mới. Rõ ràng việc có các bản nhạc có thể phát là quan trọng, nhưng vấn đề kinh điển là phải có "

# 81: AJAXing một Chủ đề WordPress - Thủ thuật CSS

# 81: AJAXing một Chủ đề WordPress - Thủ thuật CSS

Hãy xem tôi gặp khó khăn khi thêm chức năng AJAX vào chủ đề WordPress. Ý tưởng là bất kỳ liên kết nội bộ nào trên trang web sẽ tải vào chính "

# 82: Trình chuyển đổi hình ảnh CSS - Thủ thuật CSS

# 82: Trình chuyển đổi hình ảnh CSS - Thủ thuật CSS

Cuộn qua một liên kết, xem hình ảnh trên thay đổi. Đó là những gì chúng tôi xây dựng trong screencast này, chỉ là chúng tôi không sử dụng bất kỳ JavaScript nào để làm điều đó. Bí quyết là một số "

# 80: Về Phát minh Bánh xe - Thủ thuật CSS

# 80: Về Phát minh Bánh xe - Thủ thuật CSS

Một cặp đôi cần một thư viện ảnh cho đám cưới của họ, nơi mọi người có thể duyệt và tải lên những bức ảnh của chính họ từ đám cưới. Nhà phát triển mới bắt đầu: Tôi biết về "

# 79: Hoạt ảnh hoàn chỉnh / không xếp hàng với jQuery - Thủ thuật CSS

# 79: Hoạt ảnh hoàn chỉnh / không xếp hàng với jQuery - Thủ thuật CSS

Khi bạn sử dụng hàm .animate () của jQuery với một cái gì đó như sự kiện di chuột, những hoạt ảnh đó sẽ "xếp hàng". Tức là, nếu bạn di chuột nhiều lần, thì "

# 7: Thực đơn Ba Bang - Thủ thuật CSS

# 7: Thực đơn Ba Bang - Thủ thuật CSS

Sử dụng một biến thể của kỹ thuật CSS Sprites, chúng ta có thể tạo menu "ba trạng thái" chỉ sử dụng một hình ảnh cho mỗi mục menu. Điều này làm giảm số lượng yêu cầu "

# 78: Quảng cáo trên web - Thủ thuật CSS

# 78: Quảng cáo trên web - Thủ thuật CSS

Trong video này, tôi thảo luận về quảng cáo trực tuyến. Nó là gì, nó hoạt động như thế nào và tại sao nó không phải là xấu (trừ khi nó là như vậy). Tôi nói về kinh nghiệm của mình, "

# 72: Xây dựng Trang web (2/3): Chuyển đổi HTML / CSS - Thủ thuật CSS

# 72: Xây dựng Trang web (2/3): Chuyển đổi HTML / CSS - Thủ thuật CSS

Trong phần 2 của loạt bài này, chúng ta bắt đầu chuyển đổi HTML / CSS của mockup Photoshop mà chúng ta đã tạo trong phần một. Chúng tôi bắt đầu với một dự án rất xương "

# 77: Tạo kiểu cho một bài báo cá nhân - Thủ thuật CSS

# 77: Tạo kiểu cho một bài báo cá nhân - Thủ thuật CSS

Ý tưởng về các bài đăng "chỉ đạo nghệ thuật" rất phổ biến gần đây. Đó là ý tưởng áp dụng phong cách độc đáo cho một bài báo trên web theo cách in "

# 76: Tham quan jQuery trên trang web trực tiếp - Thủ thuật CSS

# 76: Tham quan jQuery trên trang web trực tiếp - Thủ thuật CSS

Tôi bận, bạn bận, tất cả chúng ta đều bận cố gắng đáp ứng thời hạn và hoàn thành công việc trong thế giới web điên rồ này. Tôi thích học các công nghệ mới khi tôi có thể, "