Video Screencasts 2025, Tháng BảY

# 48: Lột da phpBB - Thủ thuật CSS

# 48: Lột da phpBB - Thủ thuật CSS

Tạo một chủ đề hoàn toàn tùy chỉnh cho phần mềm diễn đàn phổ biến phpBB sẽ là một công việc khó khăn. May mắn thay, để thiết lập và chạy nhanh chóng, chúng ta có thể chỉ cần "

# 47: Tốc ký CSS - Thủ thuật CSS

# 47: Tốc ký CSS - Thủ thuật CSS

Có một số thuộc tính CSS có thể được kết hợp thành một thuộc tính duy nhất để viết mã ngắn gọn. Tôi tán thành việc sử dụng viết tắt CSS bất cứ khi nào "

# 190: Thuộc tính tùy chỉnh CSS thâm nhập Shadow DOM - Thủ thuật CSS

# 190: Thuộc tính tùy chỉnh CSS thâm nhập Shadow DOM - Thủ thuật CSS

Một trong những điểm chung của Shadow DOM là nó cung cấp tính năng đóng gói. Không có kiểu ra, không có kiểu. Nhưng có những cách "thông qua" Shadow DOM và "

# 46: Miền, DNS, Lưu trữ và Google Apps - Thủ thuật CSS

# 46: Miền, DNS, Lưu trữ và Google Apps - Thủ thuật CSS

Xử lý tên miền và lưu trữ và tất cả các công cụ thiết lập máy chủ thường không phải là công việc thoải mái nhất đối với các nhà thiết kế web. Trong video này tôi đi bộ "

# 45: Sử dụng FoxyCart cho Thương mại điện tử - Thủ thuật CSS

# 45: Sử dụng FoxyCart cho Thương mại điện tử - Thủ thuật CSS

FoxyCart là hệ thống Thương mại điện tử yêu thích mới của tôi. Nó cực kỳ dễ dàng để bắt đầu. Bạn có toàn quyền kiểm soát thiết kế đối với tất cả các khía cạnh của nó (giỏ hàng, "

# 42: Tất cả về Floats Screencast - Thủ thuật CSS

# 42: Tất cả về Floats Screencast - Thủ thuật CSS

Thậm chí còn hơn cả z-index (mà chúng tôi đã đề cập vài tuần trước), thuộc tính float được biết là gây ra các đợt giật tóc và đấm màn hình. Dường như"

# 41: WordPress như một CMS - Thủ thuật CSS

# 41: WordPress như một CMS - Thủ thuật CSS

Chúng tôi đã từng thực hiện một cuộc thăm dò hỏi mọi người CMS yêu thích của họ là gì. WordPress là một người chiến thắng trong cuộc chạy đua, nhưng cũng có nhiều nhận xét "WordPress không phải là CMS !!". "

# 43: Cách sử dụng CSS Sprites - Thủ thuật CSS

# 43: Cách sử dụng CSS Sprites - Thủ thuật CSS

CSS Sprites đã là một chủ đề nóng trong một thời gian dài. Thực tế là mỗi hình ảnh trên một trang web là một yêu cầu máy chủ riêng biệt và bạn có thể đáng kể "

# 40: Cách thức hoạt động của z-index - Thủ thuật CSS

# 40: Cách thức hoạt động của z-index - Thủ thuật CSS

Chỉ số Z đôi khi có thể hơi khó hiểu. Trong video màn hình này, tôi cố gắng giải thích cách nó hoạt động, cách nó gắn liền với vị trí, một số câu hỏi kỳ quặc và một số "

# 44: Lạm dụng Thủ thuật WordPress - Thủ thuật CSS

# 44: Lạm dụng Thủ thuật WordPress - Thủ thuật CSS

Đây là Tuần lễ WordPress tại CSS-Tricks, vì vậy tôi muốn tạo một video truyền hình theo chủ đề WordPress và bao gồm rất nhiều mẹo nhỏ chưa từng có trước đây "

# 3: Chuyển đổi Mockup Photoshop (phần 3/3) - Thủ thuật CSS

# 3: Chuyển đổi Mockup Photoshop (phần 3/3) - Thủ thuật CSS

Tôi kết thúc thiết kế trong phần ba của loạt bài này về việc chuyển một mô hình trang web Adobe Photoshop thành một trang web HTML / CSS thực tế. Điều này tập trung vào "

# 39: Cách sử dụng sIFR 3 - Thủ thuật CSS

# 39: Cách sử dụng sIFR 3 - Thủ thuật CSS

SIFR (Scalable Inman Flash Replacement) là công nghệ cho phép bạn sử dụng bất kỳ phông chữ nào bạn muốn trên các trang web của mình. Câu chuyện ngắn, nó sử dụng JavaScript "

# 38: Kiến thức cơ bản & Mẹo về Thiết kế cho iPhone - Thủ thuật CSS

# 38: Kiến thức cơ bản & Mẹo về Thiết kế cho iPhone - Thủ thuật CSS

Thiết kế một trang web được tối ưu hóa cho iPhone không phải là khoa học tên lửa. Nó giống với HTML, CSS và JavaScript mà bạn đã biết. Sự khác biệt"

# 30: Tạo và gửi Email HTML - Thủ thuật CSS

# 30: Tạo và gửi Email HTML - Thủ thuật CSS

Thiết kế Email HTML khác xa với thiết kế web thông thường. Chắc chắn, chúng đều là phần tử HTML, nhưng toàn bộ triết lý là khác nhau. Trong thế giới này, bạn phải "

# 36: Đánh dấu điều hướng hiện tại: Sử dụng PHP để đặt ID thân - Thủ thuật CSS

# 36: Đánh dấu điều hướng hiện tại: Sử dụng PHP để đặt ID thân - Thủ thuật CSS

Một trong những cách hiệu quả hơn để xử lý đánh dấu điều hướng hiện tại là đặt cho mỗi mục điều hướng của bạn một tên lớp duy nhất. Sau đó đưa ra từng trang "

# 37: Ứng dụng Trạng thái, Linh hoạt và Thanh menu - Thủ thuật CSS

# 37: Ứng dụng Trạng thái, Linh hoạt và Thanh menu - Thủ thuật CSS

Cảnh báo công bằng: video hướng dẫn này khá dành riêng cho Mac và tôi lan man về tất cả các loại nội dung ngẫu nhiên không liên quan đến thiết kế web. Tôi giới thiệu ứng dụng web mới "

# 35: Giới thiệu về jQuery 2 - Thủ thuật CSS

# 35: Giới thiệu về jQuery 2 - Thủ thuật CSS

Bắt đầu từ nơi chúng tôi đã dừng lại lần trước, chúng tôi tiếp tục khám phá các khả năng của jQuery. Chúng tôi xem lại một số chức năng cũ và làm cho chúng thực hiện một số chức năng "

# 33: Trang điểm Sản phẩm Thương mại Điện tử - Thủ thuật CSS

# 33: Trang điểm Sản phẩm Thương mại Điện tử - Thủ thuật CSS

Tôi chấp nhận lý thuyết rằng việc thiết kế lại trang web nên mang tính tiến hóa chứ không phải mang tính cách mạng. Thực hiện các thay đổi, chỉnh sửa và nâng cấp nhỏ theo thời gian dẫn đến "

# 32: Sử dụng Unit PNG Fix - Thủ thuật CSS

# 32: Sử dụng Unit PNG Fix - Thủ thuật CSS

Thiết kế bằng cách sử dụng PNG trong suốt alpha giúp cuộc sống trở nên dễ dàng hơn và các thiết kế thú vị hơn rất nhiều. Như tất cả chúng ta đều biết, IE 6 trở xuống không hỗ trợ "

# 34: Tích hợp và tùy chỉnh Google Maps - Thủ thuật CSS

# 34: Tích hợp và tùy chỉnh Google Maps - Thủ thuật CSS

Bản đồ Google, với tất cả các chế độ kéo và phóng to và chế độ xem vệ tinh và tất cả, là dịch vụ bản đồ mà tôi lựa chọn. Google cung cấp một API miễn phí cho bản đồ của họ vì vậy "

# 31: Giới thiệu về Google Analytics - Thủ thuật CSS

# 31: Giới thiệu về Google Analytics - Thủ thuật CSS

Google Analytics là một dịch vụ miễn phí để theo dõi tất cả các loại thông tin về khách truy cập vào trang web của bạn. Gần đây tôi đã có một trải nghiệm kỳ lạ với "

# 29: Google Tìm kiếm trang web của bạn - Thủ thuật CSS

# 29: Google Tìm kiếm trang web của bạn - Thủ thuật CSS

Tích hợp tìm kiếm trên một trang web có thể là một chủ đề cực kỳ phức tạp vượt xa các kỹ năng phát triển web của tôi. May mắn thay, Google cung cấp một dịch vụ có tên "

# 2: Chuyển đổi Mockup Photoshop (phần 2/3) - Thủ thuật CSS

# 2: Chuyển đổi Mockup Photoshop (phần 2/3) - Thủ thuật CSS

Trong phần hai của loạt bài này về việc chuyển đổi một mockup Photoshop sang một Trang web HTML / CSS, tôi tiếp tục với phần tiêu đề / menu của trang web. Tôi thay đổi "

# 28: Sử dụng Wufoo cho Biểu mẫu Web - Thủ thuật CSS

# 28: Sử dụng Wufoo cho Biểu mẫu Web - Thủ thuật CSS

Bất cứ khi nào ai hỏi tôi về biểu mẫu, tôi luôn nhắc đến Wufoo. Tại nơi làm việc và ở nhà, hầu hết mọi biểu mẫu tôi tạo, tôi chỉ sử dụng Wufoo. Nó làm cho hình thức "

# 201: Thực hiện Booping - Thủ thuật CSS

# 201: Thực hiện Booping - Thủ thuật CSS

Joshua Comeau đám đông đặt ra thuật ngữ "boop" (cao năm, Adam Kuhn). Đây là những trạng thái giống như di chuột / tiêu điểm, ngoại trừ chúng không phải vậy. Đồ của bạn - "

# 26: Thiết kế cho Wordpress: Phần Hai - Thủ thuật CSS

# 26: Thiết kế cho Wordpress: Phần Hai - Thủ thuật CSS

Chúng tôi đã cài đặt WordPress, bây giờ chúng ta hãy thực sự bắt tay vào làm và bắt đầu đưa WordPress làm những gì chúng ta muốn. Chúng tôi bắt đầu bằng cách xem xét "

# 27: Thiết kế cho Wordpress: Phần Ba - Thủ thuật CSS

# 27: Thiết kế cho Wordpress: Phần Ba - Thủ thuật CSS

Trong phần ba của loạt bài này, chúng ta đã hoàn thành cấu trúc của trang web và bắt đầu đi sâu vào chi tiết. Kiểu chữ được thiết lập, thanh bên phải được thiết lập "

# 202: Điểm đánh dấu danh sách ở giữa - Thủ thuật CSS

# 202: Điểm đánh dấu danh sách ở giữa - Thủ thuật CSS

Giống như rất nhiều thứ CSS, có tất cả những thứ nhỏ cần biết, thậm chí một thứ nhỏ nhặt như căn giữa một điểm đánh dấu danh sách. Một độc giả đã viết bằng dấu "

# 25: Thiết kế cho Wordpress: Phần Một - Thủ thuật CSS

# 25: Thiết kế cho Wordpress: Phần Một - Thủ thuật CSS

WordPress là một CMS cực kỳ phổ biến để viết blog. Phần blog của CSS-Tricks được chạy trên WordPress và tôi rất hài lòng với nó. Theo yêu cầu phổ biến, chúng tôi "

# 200: Cuộn để Thu phóng - Thủ thuật CSS

# 200: Cuộn để Thu phóng - Thủ thuật CSS

Cảnh báo công bằng: bạn sẽ không cần điều này mỗi ngày! Tôi chỉ tình cờ xem xét một công cụ làm cong SVG nhỏ gọn có tính năng đặt chuột của tôi "