Video Screencasts 2025, Tháng BảY

# 147: Bắt đầu một biểu mẫu nhận xét được hỗ trợ bởi React - Thủ thuật CSS

# 147: Bắt đầu một biểu mẫu nhận xét được hỗ trợ bởi React - Thủ thuật CSS

Trong video màn hình ghép nối này, Sarah Drasner tham gia cùng tôi và hướng dẫn tôi một số kiến ​​thức đầu tiên về React. Chúng tôi giải quyết một số phong cách "thế giới thực" "

# 148: Giải quyết mọi thứ (HTML & Flexbox) với Dee Gill - Thủ thuật CSS

# 148: Giải quyết mọi thứ (HTML & Flexbox) với Dee Gill - Thủ thuật CSS

Trong video truyền hình ghép nối này, tôi đi chơi với Dee Gill. Chúng tôi xem xét một số nội dung bố cục cho một ứng dụng mới mà cô ấy đang làm việc: Tinge. Cô ấy đã có một mẫu thiết kế "

# 146: Khai thác thêm từ Google Analytics với Philip Walton - Thủ thuật CSS

# 146: Khai thác thêm từ Google Analytics với Philip Walton - Thủ thuật CSS

Tôi kết hợp với Philip Walton (người làm việc cho Google trên Google Analytics) trong video truyền hình này. Nó bổ sung cho nghiên cứu điển hình mà chúng tôi tổng hợp: Học cách sử dụng "

# 145: Chủ đề con WordPress với Lara Schenck - Thủ thuật CSS

# 145: Chủ đề con WordPress với Lara Schenck - Thủ thuật CSS

Trong video này, tôi và Lara Schenck đã ghép đôi và cô ấy dạy tôi tất cả về các chủ đề con trong WordPress. Nó giống như một podcast mà bạn cũng xem! Chúng tôi thẳng thắn "

# 144: Xây dựng trò chơi JavaScript / Canvas với Kyle Simpson - Thủ thuật CSS

# 144: Xây dựng trò chơi JavaScript / Canvas với Kyle Simpson - Thủ thuật CSS

Kyle Simpson, một phần trong nỗ lực khơi lại sự nhiệt tình làm việc với JavaScript, đã bắt đầu xây dựng một trò chơi. Anh ấy không hẳn là một "trò chơi"

# 143: Sử dụng và lưu vào bộ đệm JSON của bên thứ ba với WordPress - Thủ thuật CSS

# 143: Sử dụng và lưu vào bộ đệm JSON của bên thứ ba với WordPress - Thủ thuật CSS

Về thiết kế của CSS-Tricks khi tôi ghi lại điều này, một trong những thứ tôi muốn thêm là tiện ích con "Công việc thiết kế và phát triển giao diện người dùng", được cung cấp bởi CodePen "

# 133: Tìm ra hình ảnh đáp ứng - Thủ thuật CSS

# 133: Tìm ra hình ảnh đáp ứng - Thủ thuật CSS

Tôi có lẽ hơi hiếm khi tôi thích cố gắng cập nhật những thứ về hình ảnh phản hồi. Đó là một vấn đề thú vị đã tạo ra rất nhiều "

# 140: Khám phá Kỹ thuật Bố cục CSS trong khi Cố gắng Lấy Phụ đề để Kết thúc - Thủ thuật CSS

# 140: Khám phá Kỹ thuật Bố cục CSS trong khi Cố gắng Lấy Phụ đề để Kết thúc - Thủ thuật CSS

Đây là phiên bản video screencast của một bài đăng trên blog mà tôi đã đăng cách đây không lâu: Kỹ thuật Flexbox hữu ích: Alignment Shifting Wrapping. Tôi đã tham dự một buổi họp mặt CodePen "

# 135: Ba cách để tạo hoạt ảnh cho SVG - Thủ thuật CSS

# 135: Ba cách để tạo hoạt ảnh cho SVG - Thủ thuật CSS

Animating SVG hơi độc đáo ở chỗ có ba cách khác nhau rõ ràng mà bạn có thể tiếp cận để tạo hoạt ảnh cho nó. 1. Tạo hoạt ảnh bằng CSS @keyframes SVG "

# 141: Lấy Hình ảnh và Số lượng Hình ảnh Đáp ứng - Thủ thuật CSS

# 141: Lấy Hình ảnh và Số lượng Hình ảnh Đáp ứng - Thủ thuật CSS

Bạn biết về hình ảnh đáp ứng. Đó là về cú pháp hình ảnh trong HTML. Nếu bạn cung cấp thông tin đúng theo cú pháp, bạn có thể nhận được trình duyệt "

# 142: Ẩn mọi thứ với CSS - Thủ thuật CSS

# 142: Ẩn mọi thứ với CSS - Thủ thuật CSS

Không chỉ có một thuộc tính CSS duy nhất mà bạn tiếp cận khi ẩn và hiển thị mọi thứ trong CSS. Có rất nhiều cân nhắc mà chúng ta sẽ xem xét "

# 136: Chuyển mọi thứ sang CMS khi cần thiết - Thủ thuật CSS

# 136: Chuyển mọi thứ sang CMS khi cần thiết - Thủ thuật CSS

Trong video này, tôi thảo luận về một tình huống "thế giới thực" cụ thể mà tôi đã tham gia liên quan đến cách xử lý trang CodePen Meetups. Vào những ngày đầu tiên "

# 137: SVG dành cho mọi người - Thủ thuật CSS

# 137: SVG dành cho mọi người - Thủ thuật CSS

Thay vì một video truyền hình thông thường, đây là một video quay lại buổi nói chuyện của tôi SVG dành cho Mọi người được ghi lại bởi băng đảng Treehouse tại BlendConf. Tất nhiên là có "

# 138: Thực hiện Chuyển đổi HTTPS trên WordPress - Thủ thuật CSS

# 138: Thực hiện Chuyển đổi HTTPS trên WordPress - Thủ thuật CSS

Chúng tôi vừa mới chuyển sang "HTTPS ở mọi nơi" ngay tại đây trên CSS-Tricks. Tôi đã viết một bài đăng trên blog chi tiết các bước để đạt được điều đó. Video này là bạn đồng hành "

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

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

Trong Tập hai của loạt bài này, chúng ta tiếp tục với cấu trúc của trang web. Trong Photoshop, chúng tôi tạo ba trạng thái khác nhau của menu, sau đó cắt "

# 139: Giải thích về cách cắt mù tạt phía máy chủ - Thủ thuật CSS

# 139: Giải thích về cách cắt mù tạt phía máy chủ - Thủ thuật CSS

Tôi đã xuất bản một bài viết về ý tưởng Cắt Mù tạt Phía Máy chủ này. Vì vậy, nếu bạn đang đọc và kiểm tra các mẫu mã và nội dung, đó là "

# 132: Một trường hợp hữu ích nhanh chóng cho Sass Math và Mixins - Thủ thuật CSS

# 132: Một trường hợp hữu ích nhanh chóng cho Sass Math và Mixins - Thủ thuật CSS

Tôi có một tình huống thiết kế nhỏ đưa ra khi tôi đang tạo một mạng lưới chất lỏng gồm các hộp có phao nổi. Tôi muốn chỉ định số hộp trên một hàng là rất "

# 131: Tìm tòi với Flexbox - Thủ thuật CSS

# 131: Tìm tòi với Flexbox - Thủ thuật CSS

Trong video này, chúng tôi giải quyết một số vấn đề nhỏ về bố cục giao diện người dùng mà sẽ là điều không thể nếu không có flexbox. Tôi cũng đã viết một bài báo về nó, "

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

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

Có tất cả những nhiệm vụ mà chúng tôi cần làm với tư cách là nhà phát triển giao diện người dùng. Nối và nén các tệp của chúng tôi. Chạy bộ tiền xử lý của chúng tôi. Tối ưu hóa hình ảnh. Chạy"

# 127: Khái niệm cơ bản về JavaScript Templating - Thủ thuật CSS

# 127: Khái niệm cơ bản về JavaScript Templating - Thủ thuật CSS

Mẫu là một đoạn HTML mà bạn cần đưa vào trang. Thường thì các mẫu được tạo "phía máy chủ" - trong đó chúng có đầy đủ JavaScript "

# 128: Effeckt.css, Thiết lập cục bộ với Grunt và Đóng góp trên GitHub - Thủ thuật CSS

# 128: Effeckt.css, Thiết lập cục bộ với Grunt và Đóng góp trên GitHub - Thủ thuật CSS

Effeckt.css là một dự án mã nguồn mở đang được tiến hành nhằm mục đích cung cấp hiệu ứng chuyển tiếp CSS và hoạt ảnh chất lượng cho các nhà thiết kế web. Ý tưởng là "

# 125: Cách Cập nhật Công nghệ Web - Thủ thuật CSS

# 125: Cách Cập nhật Công nghệ Web - Thủ thuật CSS

Đây là bài thuyết trình mà tôi đã trình bày tại một hội nghị chỉ một lần vào tháng 12 năm 2012. Trong video screencast này, tôi xin giới thiệu lần cuối cho bạn, o 'CSS-Tricks subscribe. TÔI"

# 129: Emmet (Tuyệt vời) - Thủ thuật CSS

# 129: Emmet (Tuyệt vời) - Thủ thuật CSS

Emmet là một tiện ích bổ sung cho trình chỉnh sửa mã cho phép bạn viết HTML và CSS nhanh hơn. Về mặt HTML, nó cho phép bạn viết các từ viết tắt cho HTML. "

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

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

Đã có RẤT NHIỀU phản hồi tuyệt vời về loạt bài đầu tiên về Chuyển đổi Photoshop Mockup thành HTML / CSS. Vì vậy, chúng ta hãy làm điều đó một lần nữa! Mỗi trang web đều khác nhau "

# 126: Sử dụng Modernizr - Thủ thuật CSS

# 126: Sử dụng Modernizr - Thủ thuật CSS

Modernizr có nên là một phần của mọi dự án web hiện đại không? Không cần thiết. Trong video màn hình này, tôi nói về cách bạn cần Modernizr khi định làm "

# 124: Quy trình làm việc của một nhà thiết kế web hiện đại - Thủ thuật CSS

# 124: Quy trình làm việc của một nhà thiết kế web hiện đại - Thủ thuật CSS

Đây là bài thuyết trình mà tôi đã trình bày tại các hội nghị vào cuối năm 2012 và đầu năm 2013. Trong video screencast này, tôi xin giới thiệu lần cuối cho các bạn, o 'CSS-Tricks subscribe. Nó "

# 122: Tình trạng ân huệ - Thủ thuật CSS

# 122: Tình trạng ân huệ - Thủ thuật CSS

Mãi mãi, tất cả chúng tôi đều tạo ra đồ họa 16x16 và đưa chúng vào định dạng .ico bằng cách nào đó. Tôi có lẽ đã sử dụng công cụ chuyển đổi này hàng triệu lần. Ở đâu đó dọc theo "

# 123: Nếu nó di chuyển khi bạn nhấp chuột, hãy tạo ra thứ gì đó dính - Thủ thuật CSS

# 123: Nếu nó di chuyển khi bạn nhấp chuột, hãy tạo ra thứ gì đó dính - Thủ thuật CSS

Các nút trên CSS-Tricks, tại thời điểm video này, có hiệu ứng 3D giả. Chúng trông giống như một viên gạch màu xanh mà bạn đang nhìn từ trên cao ở một góc nghiêng. Khi nào"

# 121: CMS phù hợp là CMS tùy chỉnh - Thủ thuật CSS

# 121: CMS phù hợp là CMS tùy chỉnh - Thủ thuật CSS

CMS hoàn hảo để đáp ứng nhu cầu của bất kỳ trang web hướng đến nội dung không tầm thường nào không phải là một lựa chọn hoàn hảo. Họ yêu cầu tùy chỉnh. Ví dụ, một "

# 120: Đoạn mã văn bản tuyệt vời cho hỗn hợp truy vấn phương tiện - Thủ thuật CSS

# 120: Đoạn mã văn bản tuyệt vời cho hỗn hợp truy vấn phương tiện - Thủ thuật CSS

Tôi chưa bao giờ gặp rắc rối với việc tạo các đoạn văn bản Sublime tùy chỉnh trước đây. Vì vậy, khi James Nowland gửi một người đến, tôi đã tận dụng cơ hội để học hỏi. Đây rồi: mq "