Video Screencasts 2025, Tháng BảY

# 24: Góc tròn - Thủ thuật CSS

# 24: Góc tròn - Thủ thuật CSS

Dưới đây là NĂM ​​kỹ thuật khác nhau mà bạn có thể sử dụng để tạo các góc tròn cho các hộp trên trang web. Luôn có nhiều cách khác nhau để thực hiện mọi việc với CSS và "

# 23: Biểu định kiểu có điều kiện - Thủ thuật CSS

# 23: Biểu định kiểu có điều kiện - Thủ thuật CSS

Internet Explorer cung cấp một cách để nhắm mục tiêu thông tin kiểu CSS cụ thể cho các phiên bản khác nhau của nó. Những "bảng định kiểu có điều kiện" là tốt nhất "

# 22: Đường cắt Clipping - Thủ thuật CSS

# 22: Đường cắt Clipping - Thủ thuật CSS

Chúng ta quay trở lại Photoshop tuần này vì tôi muốn nói một chút về một kỹ năng rất cụ thể mà tôi nghĩ là quan trọng đối với tất cả các nhà thiết kế. Đó là"

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

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

Thư viện JavaScript phổ biến jQuery là một cách tuyệt vời để mở rộng khả năng thiết kế trang web của bạn ngoài những gì CSS có thể làm. Nhưng thật may mắn, nếu bạn là "

# 21: Hướng dẫn về Biểu mẫu Liên hệ - Thủ thuật CSS

# 21: Hướng dẫn về Biểu mẫu Liên hệ - Thủ thuật CSS

Theo một số cách, Biểu mẫu liên hệ là "Hello, World!" ứng dụng của nhà thiết kế web và nhà phát triển web. Không có gì chưa được làm trước khi "

# 199: Lộn xộn với JSX - Thủ thuật CSS

# 199: Lộn xộn với JSX - Thủ thuật CSS

Tôi có lẽ đã học điều này từ lâu, nhưng than ôi, chúng ta đây. Hóa ra bạn có thể cho biết bạn muốn JSX sử dụng chức năng nào. Đúng, JSX thực sự chỉ có "

# 194: Hội nhập xã hội của Jetpack - Thủ thuật CSS

# 194: Hội nhập xã hội của Jetpack - Thủ thuật CSS

Jetpack có thể giúp tự động hóa phương tiện truyền thông xã hội trên trang web của bạn. Đó là một tính năng khá nhỏ so với tất cả những thứ khổng lồ mà Jetpack có thể làm, như cải thiện trang web của bạn "

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

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

Trong podcast video lần đầu tiên này, tôi bắt đầu quá trình chuyển đổi mô hình Adobe Photoshop của một trang web, thành một trang web dựa trên CSS trực tiếp thực sự. Đây là"

# 180: Làm video trên thiết bị di động - Thủ thuật CSS

# 180: Làm video trên thiết bị di động - Thủ thuật CSS

Cảnh báo công bằng: Tôi không phải là chuyên gia về nội dung này, tôi chỉ đang xem video trên web và giải quyết một số vấn đề tôi gặp phải khi hiển thị các video clip trong "

# 196: Học Grid & Flexbox với Kyle Simpson - Thủ thuật CSS

# 196: Học Grid & Flexbox với Kyle Simpson - Thủ thuật CSS

Kyle là một chàng trai JavaScript. Anh ấy biết rất nhiều về web và rất nhiều về CSS, nhưng không được cập nhật về các công cụ bố cục CSS hiện đại như flexbox và "

# 197: Nhìn lại Stackbit và Stackbit Studio - Thủ thuật CSS

# 197: Nhìn lại Stackbit và Stackbit Studio - Thủ thuật CSS

Ứng dụng Stackbit giúp bạn khởi tạo một trang Jamstack mới rất nhanh chóng. Chọn một chủ đề, một trình tạo trang web tĩnh và một CMS và nó sẽ nhận được một repo dành cho bạn "

# 198: Giới thiệu về Thuộc tính Vị trí - Thủ thuật CSS

# 198: Giới thiệu về Thuộc tính Vị trí - Thủ thuật CSS

Static: giá trị tương đối mặc định: cho phép bạn di chuyển xung quanh với trên / phải / dưới / trái, làm cho chỉ mục z hoạt động, cung cấp cho bạn ngữ cảnh định vị

# 19: Thiết kế một trang duy nhất để cập nhật Twitter - Thủ thuật CSS

# 19: Thiết kế một trang duy nhất để cập nhật Twitter - Thủ thuật CSS

Tuần này, tôi sẽ hướng dẫn bạn cách tạo trang web đơn giản để hiển thị 'Tweet' gần đây của bạn trên Twitter từ đầu đến cuối. Điều này bao gồm thiết kế trong "

# 178: Percy Nắm bắt các Thay đổi Trực quan trong bất kỳ Quy trình làm việc nào - Thủ thuật CSS

# 178: Percy Nắm bắt các Thay đổi Trực quan trong bất kỳ Quy trình làm việc nào - Thủ thuật CSS

Tôi muốn đảm bảo rằng bạn hiểu chính xác những gì Percy có thể làm cho bạn, do đó có tiêu đề. Khi bạn thực hiện một thay đổi đối với trang web của mình Git repo, như trong "

# 195: Cách vẽ một đường bằng CSS - Thủ thuật CSS

# 195: Cách vẽ một đường bằng CSS - Thủ thuật CSS

Đơn giản ngu ngốc, phải không? Nó là! Nhưng thật thú vị khi nghĩ về một vài phút và đếm một loạt các cách khác nhau mà chúng tôi có thể thực hiện. Và ý tôi là gì bởi một "

# 193: Scully: SSG cho Angular - Thủ thuật CSS

# 193: Scully: SSG cho Angular - Thủ thuật CSS

Tara Z. Manicsic đã tham gia cùng tôi cho video này, thiết lập những điều cơ bản về Scully, là một Trình tạo trang web tĩnh cho Angular - nay, SSG cho "

# 192: Git Tricks để thoát khỏi khó khăn - Thủ thuật CSS

# 192: Git Tricks để thoát khỏi khó khăn - Thủ thuật CSS

Git tuyệt vời như việc xử lý mã nguồn của bạn, bạn có thể tự mình gặp rắc rối. Điều gì sẽ xảy ra nếu bạn thực hiện thay đổi đối với một tệp và bạn muốn "

# 169: Cách Suy nghĩ Giống như một Nhà phát triển Front-End - Thủ thuật CSS

# 169: Cách Suy nghĩ Giống như một Nhà phát triển Front-End - Thủ thuật CSS

Đây là video từ buổi nói chuyện của tôi tại WordCamp US. Chúng ta hãy xem xét sự phát triển của giao diện người dùng đã trở thành ngày nay. Bắt đầu từ vai trò là gì, ở đâu "

# 188: Khám phá Mẫu Tiêu đề Chồng chéo - Thủ thuật CSS

# 188: Khám phá Mẫu Tiêu đề Chồng chéo - Thủ thuật CSS

Snook đã xuất bản một bài báo có tiêu đề "Overlapping Header with CSS Grid", nơi anh ấy xem xét một mẫu thiết kế tiêu đề mà tôi cảm thấy vượt qua các xu hướng và đã từng "

# 189: Khái niệm về Sử dụng Cá nhân & Công cộng - Thủ thuật CSS

# 189: Khái niệm về Sử dụng Cá nhân & Công cộng - Thủ thuật CSS

Đây là video cuối cùng trong loạt bài nhỏ của chúng tôi về cách sử dụng Notion. Chúng tôi đã đề cập đến cách Notion tuyệt vời để làm việc với các nhóm phát triển web. Nhưng một điều khác "

# 187: Ý tưởng về các Cuộc họp Nhóm & Tài liệu - Thủ thuật CSS

# 187: Ý tưởng về các Cuộc họp Nhóm & Tài liệu - Thủ thuật CSS

Đây là video thứ hai trong loạt 3 video về sử dụng Notion. Trong Phần 1, chúng tôi đã trình bày rất nhiều cơ sở về Khái niệm là cách nó tuyệt vời như thế nào đối với bất kỳ nhóm nào và web "

# 184: Bên trong & Danh sách Căn chỉnh - Thủ thuật CSS

# 184: Bên trong & Danh sách Căn chỉnh - Thủ thuật CSS

Thực tế là các danh sách hiển thị các điểm đánh dấu của chúng bên ngoài hộp của riêng chúng (theo mặc định) hơi kỳ lạ. Bất kỳ phần tràn ẩn hoặc phần nhô ra ngoài rìa của "

# 18: Giới thiệu về Mẫu trang web ban nhạc - Thủ thuật CSS

# 18: Giới thiệu về Mẫu trang web ban nhạc - Thủ thuật CSS

Gần đây tôi đã phát hành một dự án phụ được gọi là Mẫu trang web ban nhạc. Đây chỉ là một chuyến tham quan nhanh về nó, giải thích lý do tại sao nó được xây dựng và tại sao tôi nghĩ về nó "

# 185: Chơi với CSS Masks - Thủ thuật CSS

# 185: Chơi với CSS Masks - Thủ thuật CSS

Tạo mặt nạ trong CSS là một cách để ẩn các phần của phần tử và hiển thị những phần khác. Một cái khác là clip-path, nhưng hôm nay chúng ta đừng tập trung vào nó. "Mặt nạ là hình ảnh; Clip"

# 183: Hình ảnh Chỉ đạo Nghệ thuật, Phần tử Hình ảnh và CDN Hình ảnh - Thủ thuật CSS

# 183: Hình ảnh Chỉ đạo Nghệ thuật, Phần tử Hình ảnh và CDN Hình ảnh - Thủ thuật CSS

Đó là một hiện tượng không có thật! Tôi đang nói về ý tưởng về các dịch vụ lưu trữ hình ảnh cho phép bạn điều khiển URL của hình ảnh để chuyển đổi "

# 186: Ý tưởng cho Nhóm Phát triển Web - Thủ thuật CSS

# 186: Ý tưởng cho Nhóm Phát triển Web - Thủ thuật CSS

Tôi là một fan hâm mộ lớn của Notion, đặc biệt là để giữ cho các đội đồng bộ. Tôi làm việc trong nhóm các nhà phát triển và tôi thấy nó hoạt động đặc biệt tốt cho điều đó. Nếu tôi có "

# 182: Vue đầu tiên của bé SFC - Thủ thuật CSS

# 182: Vue đầu tiên của bé SFC - Thủ thuật CSS

SFC như trong "Thành phần tệp đơn" là thứ mà Vue cung cấp và mọi người của Vue có vẻ yêu thích. Tôi đã viết rất ít Vue trong những ngày của tôi, nhưng tôi là một người hâm mộ! "

# 181: Chọc vào Danh sách HTML - Thủ thuật CSS

# 181: Chọc vào Danh sách HTML - Thủ thuật CSS

Tôi đã gặp một vấn đề nhỏ vào ngày hôm trước khi một danh sách lồng nhau không hoàn toàn có khoảng cách phù hợp. Tôi chỉ thêm margin-bottom vào các phần tử danh sách và "

# 179: Lưới ô vuông - Thủ thuật CSS

# 179: Lưới ô vuông - Thủ thuật CSS

Sử dụng lưới CSS để tạo lưới, tốt là toàn bộ điểm. Nhưng điều gì sẽ xảy ra nếu bạn muốn tất cả các mục lưới đó duy trì tỷ lệ khung hình, như hình vuông 1: 1? Nó là"

# 176: Làm việc với Framer Motion - Thủ thuật CSS

# 176: Làm việc với Framer Motion - Thủ thuật CSS

Matt Perry từ Framer và tôi xem qua thư viện hoạt hình React Framer Motion. Đầu tiên, chúng ta hãy xem API đơn giản như thế nào. Bạn kiểm soát "