Giúp các kỹ sư GIF cuộc sống tốt nhất của họ: Những thách thức phải đối mặt khi xây dựng ‘GIF cho tiện ích mở rộng GitHub

Tại Vend, có một yêu cầu rất nghiêm ngặt đối với hầu hết các kho lưu trữ của chúng tôi để bao gồm một GIF có liên quan, đánh thức và kích thích tư duy với mỗi yêu cầu kéo.

Phải mở một tab mới để tìm kiếm GIPHY, tìm đúng GIF, sau đó nhúng nó vào một bình luận GitHub, tốn thời gian và, có thể có một số tác dụng phụ tiêu cực nghiêm trọng như lựa chọn GIF lười biếng:

Điều này đã khơi dậy ý tưởng giúp các kỹ sư Vend tiết kiệm thời gian (và có thể ân cần hơn một chút) khi chọn một GIF phù hợp cho yêu cầu kéo của họ.

Xây dựng GIF cho GitHub hóa ra là (bất ngờ!) Khó khăn hơn một chút so với tôi nghĩ ban đầu. Bên dưới, tôi đã chia sẻ những thách thức tôi gặp phải trong suốt hành trình mở rộng Chrome này - và không, họ không chỉ tranh luận xung quanh việc nó có phát âm lời hứa jif hay gif không!

Những thách thức tôi gặp phải khi xây dựng GIF cho GitHub

Ý tưởng là thêm một nút vào thanh công cụ bình luận, khi nhấp vào sẽ hiển thị một cửa sổ bật lên với GIF từ Giphy. Nó dường như là một ý tưởng đơn giản. Tuy nhiên, do tính chất năng động của GitHub, một vài trở ngại đã nảy sinh. Điều này đưa tôi đến với Lọ

Vấn đề 1 - Thêm nút vào thanh công cụ

Thêm một nút vào thanh công cụ bình luận là đơn giản như ‘khi tải trang - chèn nút của tôi, các khu vực bình luận có thể xuất hiện động, ví dụ: khi bạn chỉnh sửa mô tả yêu cầu kéo, nó sẽ thay đổi từ

thành