Video Screencasts 2025, Tháng BảY

# 177: Phát triển WordPress cục bộ cho Quy trình sản xuất - Thủ thuật CSS

# 177: Phát triển WordPress cục bộ cho Quy trình sản xuất - Thủ thuật CSS

Đây là những điều cơ bản về cách tôi làm việc cục bộ với một trang WordPress và sau đó đưa nó vào sản xuất. Flywheel là nhà tài trợ của CSS-Tricks và tôi rất vui vì họ "

# 17: Nút Cửa trượt - Thủ thuật CSS

# 17: Nút Cửa trượt - Thủ thuật CSS

Mặc dù cửa trượt không còn là một khái niệm mới và sẽ bị xóa sổ khi chúng ta thấy sự hỗ trợ rộng rãi hơn cho nhiều nền (CSS3), nhưng nó vẫn là một lựa chọn tốt cho "

# 174: Sử dụng Ghi đè cục bộ trong DevTools - Thủ thuật CSS

# 174: Sử dụng Ghi đè cục bộ trong DevTools - Thủ thuật CSS

Có một tính năng của Chrome DevTools cho phép bạn: Xem mã của bất kỳ tài nguyên cụ thể nào mà trang web hiện tại đang sử dụng (như CSS và JavaScript). "Đẹp"

# 175: 7 Điều cần biết về Webflow - Thủ thuật CSS

# 175: 7 Điều cần biết về Webflow - Thủ thuật CSS

(Đây là video được tài trợ mà tôi đã làm việc giữa chúng tôi tại CSS-Tricks và Webflow. Tôi nghĩ Webflow là một sản phẩm hấp dẫn để xây dựng các trang web, trong "

# 173: Rất tiếc, tôi đoán bây giờ chúng ta là những nhà phát triển full-stack. - Thủ thuật CSS

# 173: Rất tiếc, tôi đoán bây giờ chúng ta là những nhà phát triển full-stack. - Thủ thuật CSS

Và bởi "chúng tôi", ý tôi là chúng tôi, những nhà phát triển front-end;) Đây là trang web đi kèm với bài nói chuyện này. Đây là một bài nói chuyện mà tôi tổng hợp lại, nơi tôi mặc định điều đó, kết thúc "

# 163: Các bước đầu tiên với Serverless - Thủ thuật CSS

# 163: Các bước đầu tiên với Serverless - Thủ thuật CSS

David Wells, từ Netlify, và tôi thực hiện một số bước nhỏ để xây dựng mọi thứ với Serverless. Chúng tôi chủ yếu sẽ xem xét các chức năng đám mây ở đây và cách sử dụng "

# 172: Tay SVGing một đường cong - Thủ thuật CSS

# 172: Tay SVGing một đường cong - Thủ thuật CSS

Tôi thấy rằng 98% tất cả việc sử dụng SVG của tôi đến từ các tệp SVG được tạo trước hoặc nghệ thuật vectơ trong một số phần mềm thiết kế mà cuối cùng tôi xuất dưới dạng SVG. Không siêu "

# 170: Xem một người nghiệp dư quay dự án mô-đun React + Babel + Webpack + CSS - Thủ thuật CSS

# 170: Xem một người nghiệp dư quay dự án mô-đun React + Babel + Webpack + CSS - Thủ thuật CSS

Cảnh báo đúng! Đây không phải là một quá trình nhanh chóng, đơn giản, được hướng dẫn bởi chuyên gia về cách thiết lập các công nghệ này. Mặc dù, cuối cùng, chúng tôi làm "

# 171: Hàng thẻ xếp chồng có thể di chuyển trong CSS - Thủ thuật CSS

# 171: Hàng thẻ xếp chồng có thể di chuyển trong CSS - Thủ thuật CSS

Ý tưởng cơ bản tương tự như các thẻ trên trang chủ v17 của trang web này. Xem Những lá bài di chuyển bằng bút của Chris Coyier (@chriscoyier) trên "

# 165: Xây dựng chương trình phụ trợ của bạn với các chức năng không cần máy chủ - Thủ thuật CSS

# 165: Xây dựng chương trình phụ trợ của bạn với các chức năng không cần máy chủ - Thủ thuật CSS

David Wells & Chris Coyier nói về cách bạn có thể xây dựng một ứng dụng được lưu trữ trên Netlify tĩnh nhưng vẫn có cơ sở dữ liệu phụ trợ để cung cấp năng lượng cho nó. Chúng tôi sử dụng "

# 16: Tạo Mockup Photoshop - Thủ thuật CSS

# 16: Tạo Mockup Photoshop - Thủ thuật CSS

Tập này là phần tiền truyện của các tập 12, 13 và 14. Chúng ta quay lại tài liệu Photoshop trống và tạo lại nó. Không có HTML / CSS trong tập này, "

# 166: Học cách Tích hợp Kiểm tra Hình ảnh với Percy - Thủ thuật CSS

# 166: Học cách Tích hợp Kiểm tra Hình ảnh với Percy - Thủ thuật CSS

Bạn có biết rằng bạn có thể thiết lập một hệ thống đánh giá để mọi yêu cầu kéo bạn đưa ra đều hiển thị cho bạn chính xác những gì đã thay đổi trực quan trên trang web của bạn? Đó là "

# 162: Serverless là gì? - Thủ thuật CSS

# 162: Serverless là gì? - Thủ thuật CSS

David Wells, từ Netlify, và tôi trả lời câu hỏi này một cách dễ hiểu. Vẫn có máy chủ tham gia? Tất nhiên, nhưng bạn "

# 164: Hướng dẫn cơ bản về WooCommerce - Thủ thuật CSS

# 164: Hướng dẫn cơ bản về WooCommerce - Thủ thuật CSS

WooCommerce là một plugin Thương mại điện tử mạnh mẽ và linh hoạt cho WordPress. Muốn bán đăng ký hoặc tư cách thành viên? WooCommerce có thể làm được điều đó? Kỹ thuật số"

# 168: CSS-in-JS - Thủ thuật CSS

# 168: CSS-in-JS - Thủ thuật CSS

Tôi đã tham gia cùng với Dustin Schau trong video này và anh ấy sẽ đưa tôi đi tham quan thế giới của những gì đã được gọi là CSS-in-JS. Đó là, làm "

# 167: Video được tài trợ cho Jetpack và WooCommerce - Thủ thuật CSS

# 167: Video được tài trợ cho Jetpack và WooCommerce - Thủ thuật CSS

Đây là tổng hợp bốn video mà tôi đã thực hiện trong vài tháng qua để nhận tài trợ với Automattic. Chủ yếu là về Jetpack, một plugin WordPress mà tôi "

# 161: Jetpack - Thủ thuật CSS

# 161: Jetpack - Thủ thuật CSS

Jetpack đã tài trợ video này, video này đi sâu vào những gì Jetpack là và có thể làm cho trang web của bạn. Đây là những lời của tôi mặc dù! Tôi là một người hâm mộ Jetpack lớn và tôi chạy Jetpack "

# 160: Nhà phát triển Front-End toàn năng - Thủ thuật CSS

# 160: Nhà phát triển Front-End toàn năng - Thủ thuật CSS

Internet, không có phép ẩn dụ, chỉ là một loạt các máy chủ được gắn với nhau bằng dây. Nếu không có máy chủ, chúng tôi sẽ không có cách nào để chia sẻ những sáng tạo của mình với "

# 157: Câu chuyện về bốn thuộc tính - Thủ thuật CSS

# 157: Câu chuyện về bốn thuộc tính - Thủ thuật CSS

Đây là một bài nói chuyện mà tôi đã đưa ra tại một vài hội nghị gần đây. Đó là về bốn thuộc tính khác nhau trong CSS: shape-ngoài offset-path clip-path d Đây là "

# 159: Học Vue - Thủ thuật CSS

# 159: Học Vue - Thủ thuật CSS

Sarah Drasner và tôi tìm hiểu về Vue! Vue là một khung công tác JavaScript rất phổ biến đang hoàn toàn bùng nổ. Sarah là thành viên của nhóm cốt lõi và là người về nhất "

# 15: Giới thiệu về Firebug - Thủ thuật CSS

# 15: Giới thiệu về Firebug - Thủ thuật CSS

Firebug là một phần mở rộng Firefox cần thiết cho các nhà thiết kế và phát triển web. Bạn có thể nhanh chóng nhắm mục tiêu bất kỳ phần tử nào trên trang để xem đánh dấu, "

# 153: Bắt đầu với CSS Grid - Thủ thuật CSS

# 153: Bắt đầu với CSS Grid - Thủ thuật CSS

Có vẻ như CSS Grid đã xuất hiện từ rất lâu rồi, nhưng bây giờ có vẻ như nó đang đạt đến điểm mà mọi người ngày càng nói nhiều hơn về nó "

# 154: Một trang web WordPress dành cho trẻ em có áp phích - Thủ thuật CSS

# 154: Một trang web WordPress dành cho trẻ em có áp phích - Thủ thuật CSS

Bản thân CSS-Tricks là một trang WordPress và một trong đó WordPress hoàn toàn phù hợp. Giữa những thứ như hệ thống đăng nhập và quyền, viết blog, "

# 155: Hình ảnh đáp ứng, WordPress và Cloudinary - Thủ thuật CSS

# 155: Hình ảnh đáp ứng, WordPress và Cloudinary - Thủ thuật CSS

Eric Portis tham gia cùng tôi để khám phá thế giới của hình ảnh phản hồi. Chúng tôi bắt đầu ở những điều cơ bản. Hình ảnh đáp ứng cụ thể là hình ảnh trong HTML và tồn tại "

# 158: Menu Nút mở rộng - Thủ thuật CSS

# 158: Menu Nút mở rộng - Thủ thuật CSS

Hôm trước, tôi đã thấy một cảnh quay Dribbble của Eli Brumley có hiệu ứng tương tác tuyệt vời. Một nút tròn đơn giản màu xanh lam, khi được nhấp vào, sẽ mở rộng thành một "

# 150: Này các nhà thiết kế, nếu bạn chỉ biết một điều về JavaScript, đây là điều tôi muốn giới thiệu - Thủ thuật CSS

# 150: Này các nhà thiết kế, nếu bạn chỉ biết một điều về JavaScript, đây là điều tôi muốn giới thiệu - Thủ thuật CSS

Đôi khi, để bắt đầu hành trình tìm hiểu một thứ gì đó to lớn và phức tạp, bạn cần học một thứ nhỏ và đơn giản. JavaScript rất lớn và phức tạp, nhưng "

# 151: Vài phút đầu tiên với văn bản tuyệt vời - Thủ thuật CSS

# 151: Vài phút đầu tiên với văn bản tuyệt vời - Thủ thuật CSS

Sublime Text là một trình soạn thảo mã khá phổ biến. Bất chấp sự nổi tiếng của nó và tất cả những điều tốt đẹp mà tôi đã nghe về nó, tôi vẫn dựa nhiều vào những thứ khác "

# 152: Nạp phông chữ với Zach Leatherman - Thủ thuật CSS

# 152: Nạp phông chữ với Zach Leatherman - Thủ thuật CSS

Đã đến lúc cho một chương trình truyền hình ghép nối khác! Lần này tôi có Zach Leatherman, từ Filament Group. Zach đã thực hiện rất nhiều nghiên cứu, viết và nói "

# 14: Chuyển đổi Mockup Photoshop: Phần Hai, Tập Ba - Thủ thuật CSS

# 14: Chuyển đổi Mockup Photoshop: Phần Hai, Tập Ba - Thủ thuật CSS

Chúng tôi kết thúc chuyển đổi mô hình ở đây trong Tập ba. Chúng tôi tạo "vùng bài viết" và "thanh bên" (đặt tên lớp theo ngữ nghĩa!), Và sau đó chúng tôi xóa "

# 149: Giới thiệu nhanh về nút Pattern Lab với Brian Muenzenmeyer - Thủ thuật CSS

# 149: Giới thiệu nhanh về nút Pattern Lab với Brian Muenzenmeyer - Thủ thuật CSS

Trong đoạn phim này, tôi bắt cặp với Brian Muenzenmeyer, người cùng làm việc trên Pattern Lab. Cụ thể, phiên bản Node của Pattern Lab, cùng "