Trình tạo CSS tam giác
|
Tung hứng giữa ba ngôn ngữ hàng ngày, Iris được biết đến là người yêu thích ngôn ngữ học, nghệ thuật, thiết kế web và kiểu chữ, cũng như mỏ vàng của cô … Thông tin thêm về Iris ↬ Show
Bản tin emailEmail (đập vỡ) của bạn
Mẹo hàng tuần về giao diện người dùng & UX.
Tuần trước, chúng tôi đã xem xét các công cụ Kiểm tra CSS và trong tuần này, chúng tôi sẽ xem xét các trình tạo hữu ích cho mọi thứ CSS. từ độ dốc đến bóng đổ và đường cong bezier đến hình tam giác và tỷ lệ kiểu. Chỉ cần một vài công cụ hữu ích cho bộ công cụ của bạn, để theo sát Tìm hiểu thêm về CSS
Trình tạo bóng CSSBạn đang tìm kiếm một công cụ tự động tạo mã CSS để tạo ra các hộp bóng nhiều lớp thực sự mượt mà? . Lấy cảm hứng từ một bài viết của Tobias Ahlin Bjerrome, công cụ tiện lợi này được tạo ra để giúp mọi người tạo mã họ cần ngay tại chỗ Khi bạn đã dùng thử, sẽ rất khó để không sử dụng nó. Công cụ nhỏ này cho phép bạn thiết kế trực quan bóng hộp mượt mà nhiều lớp, nhưng cũng có thể điều chỉnh alpha, bù và làm mờ bằng các đường cong nới lỏng riêng lẻ. Và nó thậm chí còn tốt hơn. Người tạo ra công cụ này, Philipp Brumm, cũng đã phát hành SmoothShadow dưới dạng plugin Figma, vì vậy bạn có thể tối ưu hóa quy trình làm việc của mình giống như cách bạn luôn muốn. Trình tạo bán kính đường viền CSSKhi nghĩ về Trình tạo đường cong khối-BezierĐôi khi một hình ảnh động không cảm thấy đúng, phải không? . Với cube-bezier của Lea Verou, bạn có thể xem trước và so sánh hoạt ảnh, làm chậm chúng và thậm chí điều chỉnh chúng một cách trực quan. Và sau đó sao chép-dán đoạn mã CSS để cắm vào dự án của bạn ngay lập tức Và nếu bạn cần hoạt ảnh CSS @keyframe cơ bản hoặc phức tạp, Keyframes. ứng dụng cung cấp trình chỉnh sửa dòng thời gian trực quan tương tự như phần mềm chỉnh sửa video. Bạn có thể thêm các bước, thay đổi kích thước và vị trí, áp dụng các biến đổi và thay đổi màu sắc cũng như nhận CSS để sao chép-dán. À và đừng quên bảng Animation trong Chrome và Firefox để gỡ lỗi nữa Giảm độ dốcVới độ dốc, chúng ta thường dựa vào độ dốc tuyến tính, chuyển từ màu này sang màu khác. Tuy nhiên, gradient tuyến tính có các cạnh cứng nơi chúng bắt đầu hoặc kết thúc. Có một cách để làm cho độ dốc tốt hơn một chút, với các chức năng nới lỏng. Vì vậy, Andreas Larsen đã xây dựng một trình soạn thảo nhỏ, Easing Gradients Editor, cho phép chúng ta tạo và xem trước các gradient nới lỏng trong CSS. Công cụ này cũng có sẵn dưới dạng plugin Phác thảo và plugin PostCSS. Bạn có thể sử dụng công cụ chọn màu, nhưng tiếc là chưa thể thêm giá trị màu HEX thực tế Bảng màu trực quan hóa dữ liệuĐôi khi bạn cần loại màu rất cụ thể cho một nhiệm vụ rất cụ thể. Ví dụ: nếu bạn đang làm việc trong một dự án trực quan hóa dữ liệu — e. g. biểu đồ hình tròn, biểu đồ thanh được nhóm, bản đồ — bạn có thể cần một loạt các màu cách đều nhau về mặt thị giác. Đó là khi LearnUI Data Color Picker có thể trở nên rất hữu ích. Trong những trường hợp như vậy, tốt hơn là sử dụng nhiều màu sắc để người dùng có thể xác định sự khác biệt nhanh hơn. Thực sự là dễ dàng hơn để phân biệt màu vàng với màu cam so với màu xanh lam với màu xanh lam nhưng nhẹ hơn 15% Với công cụ này, bạn chọn số lượng màu bạn cần và bạn cần màu nền sáng hay tối, đồng thời chọn xem bạn muốn bảng màu mặc định, bảng màu đơn hay thang màu phân kỳ. Sau khi có nó, bạn có thể sao chép các giá trị hex và xuất chúng dưới dạng SVG để sử dụng trong Sketch, Figma hoặc Adobe XD LearnUI cũng cung cấp một trình tạo màu có thể truy cập và một trình tạo độ dốc khá lạ mắt, với các loại độ dốc khác nhau, phép nội suy, góc, nới rộng và mức độ mượt mà mà bạn muốn độ dốc trở nên Thêm sau khi nhảy. Tiếp tục đọc bên dưới ↓ Gặp gỡ Hội thảo trực tuyến Smashing về giao diện người dùng & giao diện người dùng, với các bài học thực tế, phiên trực tiếp, bản ghi video và phần Hỏi & Đáp thân thiện. Trên các hệ thống thiết kế, UX, hiệu suất web và CSS/JS. Với Brad Frost, Stephanie Troeth và rất nhiều người khác Chuyển đến hội thảo ↬ Từ sắc thái màu CSS đến hình tam giác và dữ liệu giả mạoHãy tưởng tượng rằng bạn chỉ cần tìm các kiểu tam giác CSS cho các phần tử và phần tử giả. Hoặc có thể tinh chỉnh bảng màu một chút bằng cách khám phá các sắc thái và sắc thái của một màu nhất định. Hoặc có thể tạo một gradient CSS tuyến tính và xuyên tâm cho một phần của trang. Không cần phải làm tất cả theo cách thủ công hoặc cố gắng tìm các đoạn mã CSS đó trên web. Bạn luôn có thể tìm thấy chúng trên Omatsuri Omatsuri có nghĩa là lễ hội trong tiếng Nhật và trang web này là một lễ hội nhỏ đáng yêu của các công cụ trình duyệt mã nguồn mở để sử dụng hàng ngày. Trên trang web, bạn sẽ tìm thấy trình tạo tam giác, trình tạo sắc thái màu, trình tạo độ dốc, bộ chia trang, trình nén SVG, trình chuyển đổi SVG → JSX, trình tạo dữ liệu giả, con trỏ CSS và mã sự kiện bàn phím. Được thiết kế và chế tạo bởi Vitaly Rtishchev và Vlad Shilov. Mã nguồn của trang web cũng có sẵn Lớp phủ CSS với Trình tạo độ tương phản caoNếu bạn muốn làm cho văn bản nổi bật hơn trên nền ảnh, có một mẹo nhỏ. Bạn có thể sử dụng lớp phủ CSS Mặc dù tất cả những điều này chỉ yêu cầu một dòng mã, nhưng vẫn còn một câu hỏi cần được trả lời. Làm cách nào để xác định độ mờ để sử dụng cho lớp phủ? . Bạn tải lên một hình ảnh, nhập văn bản của bạn và chọn lớp phủ cũng như màu văn bản của bạn và công cụ hiển thị cho bạn bản xem trước của lớp phủ trông như thế nào khi được áp dụng cho hình ảnh của bạn, cũng như độ mờ tối ưu của lớp phủ. Một chi tiết nhỏ đi một chặng đường dài Trình tạo bảng màu CSSCó rất nhiều công cụ tuyệt vời để tạo bảng màu của bạn, nhưng Bộ làm mát. co là một công cụ tiện lợi nhỏ vừa đủ để tạo các bảng màu và khám phá các sắc thái khác nhau của một màu. Bạn có thể tạo bảng màu từ ảnh hoặc ảnh ghép, kiểm tra mù màu và nhanh chóng điều chỉnh màu sắc, độ bão hòa, độ sáng và nhiệt độ. Rõ ràng, nó cũng có các bảng màu theo xu hướng Bạn cũng có thể tạo bảng chuyển màu giữa hai màu, đồng thời tạo và xuất chuyển màu của riêng bạn dưới dạng CSS. Công cụ này có sẵn dưới dạng ứng dụng iOS, tiện ích bổ sung Adobe và tiện ích mở rộng của Chrome Và nếu bạn cần thứ gì đó phức tạp hơn một chút cho độ dốc trong hộp công cụ của mình, thì CSS Gradient. io là một công cụ khác cho tất cả các nhu cầu về độ dốc của bạn — có thể là độ dốc tuyến tính hoặc xuyên tâm, sắc thái màu hoặc nền độ dốc Ngoài ra, Trình tạo độ dốc tạo độ dốc từ 1 đến 40 bước từ hai màu bạn chọn. Mỗi dải màu được trình bày tự động ở định dạng HEX, HSL và RGB — tất cả những gì bạn cần làm chỉ là nhấp vào giá trị và nó sẽ được sao chép ngay vào khay nhớ tạm của bạn Trình tạo chuyển màu CSSChọn màu thủ công để tạo dải màu đòi hỏi kinh nghiệm thiết kế và hiểu biết tốt về sự hài hòa màu sắc. Nếu bạn cần một dải màu cho nền hoặc cho các phần tử giao diện người dùng nhưng không cảm thấy đủ tự tin để tự mình giải quyết công việc (hoặc nếu bạn đang vội), thì công cụ tạo dải màu mà những người ở My Brand New Logo đã tạo ra có Được hỗ trợ bởi các thuật toán chuyển màu, trình tạo tạo ra các chuyển màu cân bằng tốt dựa trên màu bạn chọn. Có bốn kiểu chuyển màu khác nhau, từ tinh tế đến hiệu ứng xà cừ và chuyển màu đậm, đậm. Bạn có thể điều chỉnh độ dốc bằng các thanh trượt và sau khi hài lòng với kết quả, hãy sao chép-dán mã CSS đã tạo để sử dụng mã đó trong dự án của bạn Trình tạo tỷ lệ loại CSSVậy nếu bạn muốn tạo một hệ thống typographic đáng tin cậy, hoạt động tốt trên cả thiết bị di động và máy tính để bàn thì sao? . Type-Scale của Jeremy Church là một công cụ nhỏ tuyệt vời giúp bạn xây dựng một tỷ lệ kiểu chữ và xuất nó trong CSS. Tỷ lệ nhỏ thường phù hợp với chế độ xem trên thiết bị di động, tỷ lệ trung bình có thể hoạt động tốt đối với chế độ xem trên máy tính để bàn và tỷ lệ lớn có thể hoạt động tốt đối với các trang web tiếp thị Công cụ này cung cấp 8 tỷ lệ loại hài hòa được xác định trước (nhưng bạn cũng có thể xác định tỷ lệ tùy chỉnh), từ Thứ ba chính đến Thứ năm hoàn hảo và tạo một chuỗi kích thước phông chữ với tỷ lệ gia tăng hình học cụ thể. Bạn có thể điều chỉnh các cài đặt như Một công cụ đáng yêu khác là Máy tính tỷ lệ kiểu chữ của Jean-Lou Desire, không giống như các công cụ của Tim và Jeremy, nó tạo ra một tỷ lệ mô-đun bằng cách sử dụng ba thuộc tính xác định (thuật ngữ ban đầu, tỷ lệ gia tăng và số lượng kích thước trong tỷ lệ) tương tự như . Kết quả là một kích thước mượt mà hơn cho các nhà thiết kế, với một số tùy chọn khác để soạn nhiều giá trị hơn từ — e. g. cho ghi chú bên nhỏ hơn hoặc blockquotes lớn Máy tính chiều cao dòngNếu bạn đang xây dựng thang loại dựa trên lưới cơ sở, thì có một câu hỏi khó trả lời. Chiều cao dòng phù hợp cho mọi kích thước văn bản trên tỷ lệ của bạn là bao nhiêu? Để tính toán kết quả, bạn chỉ cần nhập ba tham số. kích thước phông chữ, số nhân và chiều cao hàng lưới. Kích thước phông chữ là chìa khóa để đảm bảo văn bản của bạn nằm vừa vặn trên lưới đường cơ sở, bất kể kích thước văn bản là bao nhiêu, hệ số nhân cho phép bạn kiểm soát khoảng cách giữa các dòng và chiều cao hàng lưới xác định chiều cao của mỗi hàng trong lưới đường cơ sở của bạn Máy tạo dòng chất lỏngNhờ có clamp() để làm cho tiêu đề của bạn linh hoạt. (Xem trước lớn)Bạn nhập kích thước phông chữ tối thiểu và tối đa cũng như chiều rộng khung nhìn tối thiểu và tối đa, và công cụ này không chỉ tính toán quy tắc Một trình tạo hữu ích khác giúp bạn tìm ra quy tắc Trình tạo Capsize CSSĐể giảm thiểu sự mất phương hướng và thay đổi bố cục tốn kém trong khi tải, chúng ta cần khớp phông chữ dự phòng với phông chữ web. Công cụ đối sánh kiểu phông chữ của Monica Dinculescu cho phép chúng tôi giảm thiểu sự thay đổi chói tai bằng cách khớp phông chữ dự phòng với chiều cao và chiều rộng của phông chữ web dự định và chúng tôi có thể sử dụng f-mod để làm điều tương tự với các thuộc tính CSS mới Theo mặc định, nhiều phông chữ đi kèm với lề và đường dẫn được xác định trước, vì vậy nếu phông chữ dự phòng và phông chữ web khác nhau, toàn bộ bố cục sẽ thay đổi đáng kể. Capsize điều chỉnh kích thước phông chữ, sao cho chiều cao của chữ in hoa là bội số của lưới của bạn. Nó làm như vậy bằng cách cắt bớt khoảng trống phía trên chữ in hoa và bên dưới đường cơ sở. Vì vậy, bằng cách giữ nguyên chiều cao dòng trong phông chữ dự phòng và phông chữ web, công cụ này sẽ tạo ra "số ma thuật" để đảm bảo rằng chuyển đổi liền mạch Trình tạo bộ chọn phức hợp CSSHãy tưởng tượng rằng bạn cần tạo một bảng các mục. Bạn có thể muốn giữ chúng trên cùng một hàng nếu có 3 mục trở xuống, nhưng sau đó kéo dài hai dòng đầy đủ cho 6 và 8 mục, trong khi chỉ là danh sách các thẻ có 10 mục trở lên. Làm thế nào bạn sẽ xây dựng nó? Với mục đích này, Drew Minns đã xây dựng một trình tạo cho Bộ chọn số lượng — bộ chọn CSS phức tạp cho phép áp dụng kiểu cho các thành phần dựa trên số lượng anh chị em. Ví dụ: khi bạn muốn áp dụng kiểu cho tất cả các phần tử khi có ít nhất 5 mục và anh chị em hoặc nhiều nhất là 10 hoặc có thể từ 3 đến 5 mục Tuy nhiên, bộ chọn cuối cùng có thể không dễ hiểu, vì vậy, bạn nên đảm bảo rằng mình cung cấp giải thích thích hợp trong mã về những gì nó nhắm mục tiêu Trình tạo CSS clip-pathNhờ thuộc tính Để bắt đầu, bạn chọn hình dạng và nền demo từ menu của Clippy. Sau đó, bạn có thể kéo các điểm của hình dạng để tạo bất kỳ hình dạng nào bạn thích — CSS được mã hóa màu sẽ không chỉ phản ánh các thay đổi của bạn ngay lập tức mà còn làm nổi bật chúng để giúp bạn hiểu các lựa chọn của mình ảnh hưởng đến mã như thế nào Nếu toàn bộ điều Trình tạo bố cục lưới CSSBố cục lưới CSS có thể khá đơn giản, nhưng đôi khi bạn có thể muốn chơi với các thuộc tính Lưới để tìm ra hành vi phù hợp với bố cục của mình. Để bắt đầu, chúng ta có thể sử dụng CSS Grid Generator của Sarah Drasner, Griddy của Drew Minns, CSS Grid Cheat Sheet Generator của Ali Alaa và LayoutIt của LenioLabs — tất cả chúng đều cho phép bạn xác định lưới và vùng chứa trên lưới, cũng như các khoảng trống và . Nếu bạn cần thêm hướng dẫn về Flexbox, Flexbox Patterns có rất nhiều ví dụ để thử Hoặc bạn có thể sử dụng một dòng giải pháp CSS. Una Kravets đã xây dựng Bố cục 1 dòng, một bộ sưu tập gồm mười kỹ thuật định cỡ và bố cục CSS hiện đại. Bắt đầu với bí ẩn lớn nhất trong tất cả (căn giữa) và bao gồm mọi thứ từ Bố cục Chén Thánh cổ điển và “Bánh kếp giải cấu trúc” đến áp dụng Mỗi kỹ thuật đi kèm với một bản trình diễn, một CodePen để mày mò và thông tin về hỗ trợ trình duyệt. Una cũng đã quay một video trong đó cô ấy giải thích chi tiết hơn về từng câu hỏi một dòng. Bất kể bạn là người mới bắt đầu hay chuyên nghiệp, tài nguyên này chắc chắn sẽ có ích Trình tạo lưới hỗn hợp CSSLưới phức hợp mang lại sự linh hoạt to lớn và rất nhiều chỗ cho sự sáng tạo. Được tạo thành từ hai hoặc nhiều lưới thuộc bất kỳ loại nào (cột, mô-đun, đối xứng và không đối xứng) trên một trang, chúng có thể chiếm các khu vực riêng biệt hoặc chồng lên nhau Một công cụ nhỏ giúp bạn tạo lưới phức hợp và tiết kiệm thời gian vẽ các biến thể vô tận giờ đây đến từ Michelle Barker. máy phát điện lưới hỗn hợp. Tất cả những gì bạn cần làm là nhập số cột cho mỗi lưới của mình và chúng sẽ được hợp nhất thành một lưới phức hợp. Một bổ sung tuyệt vời cho hộp công cụ kỹ thuật số của bạn. Và nếu bạn cần tạo lưới mô-đun, lưới nhiều cột hoặc lưới bản thảo cho dự án in của mình, Máy tính lưới mô-đun sẽ cung cấp giải thích kỹ lưỡng về cách đạt được điều đó trong InDesign Bộ lọc CSS và Trình tạo chế độ hòa trộnBộ lọc CSS Như Michelle Barker giải thích trong một bài đăng trên blog, Có rất nhiều bộ lọc CSS ngoài kia, vì vậy nếu bạn cần tìm bộ lọc phù hợp cho dự án của mình, Trình chỉnh sửa bộ lọc CSS của Mads Stoumann để thử nghiệm tất cả các bộ lọc được hỗ trợ, cùng với một số quà tặng mà Mads cũng đã cung cấp. Rõ ràng, CSS cũng được tạo ra một cách nhanh chóng Ngoài các bộ lọc, còn có rất nhiều tùy chọn cho các chế độ hòa trộn CSS. Nếu muốn xem trước cách một số hiệu ứng hình ảnh có thể phối hợp với nhau, bạn có thể sử dụng CSS Duotone Generator của Rick Metzger. Công cụ này bao gồm các tùy chọn để thu phóng, giãn cách, làm mờ và độ mờ của hình ảnh, nhưng cũng có tất cả các chế độ hòa trộn cho hình ảnh nền trước và nền sau. Tất nhiên, công cụ này cũng tạo ra HTML và CSS Thêm sau khi nhảy. Tiếp tục đọc bên dưới ↓ Gặp gỡ Hội thảo trực tuyến Smashing về giao diện người dùng & giao diện người dùng, với các bài học thực tế, phiên trực tiếp, bản ghi video và phần Hỏi & Đáp thân thiện. Trên các hệ thống thiết kế, UX, hiệu suất web và CSS/JS. Với Brad Frost, Stephanie Troeth và rất nhiều người khác Chuyển đến hội thảo ↬Trình tạo giữ chỗ hình ảnh mờTrình giữ chỗ hình ảnh là một cách hiệu quả để cải thiện hiệu suất cảm nhận của trang web khi hình ảnh đang tải. Trong hành trình tìm kiếm trình giữ chỗ hình ảnh đẹp nhất và nhanh nhất cho trang web, Joe Bell đã quyết định tự mình đưa ra giải pháp. Kết quả. giữ chỗ Được cung cấp bởi một bộ sưu tập Node. js, Trình giữ chỗ biến hình ảnh của bạn thành hình ảnh giữ chỗ mờ, nhẹ. Có một số cách tiếp cận để lựa chọn. CSS (được khuyến nghị), SVG, Base 64, Blurhash và Blurhash thử nghiệm cho CSS Trình tạo anh hùngBạn có cảm thấy mệt mỏi khi triển khai lặp đi lặp lại cùng một anh hùng không? . Nó cho phép bạn tạo các anh hùng đáp ứng chỉ với một vài cú nhấp chuột, dựa trên sở thích của bạn Bạn quyết định loại độ dốc nào bạn muốn áp dụng cho hình ảnh chính của mình, giảm độ dốc và khoảng cách tiêu đề. Và nếu bạn muốn bao gồm một nút, trình tạo cũng sẽ hỗ trợ bạn với các tùy chọn để tùy chỉnh màu của nút (bao gồm cả màu di chuột và màu chuyển sắc) và bán kính của nút. Sau khi hài lòng với kết quả, bạn có thể sao chép và dán mã và sử dụng ngay trong dự án của mình. Một trình tiết kiệm thời gian thực sự Trình tạo bản đồ hình ảnhBản đồ hình ảnh cho phép bạn tạo các khu vực có thể nhấp trên một hình ảnh. Nếu bạn muốn tạo một bản đồ hình ảnh nhưng không muốn loay hoay với các tọa độ để xác định các vùng có thể nhấp, thì các bản đồ hình ảnh. mạng ở đây để giúp đỡ Trang web có giao diện người dùng đồ họa để làm cho quá trình đơn giản hơn. Khi bạn đã tải lên hình ảnh của mình, bạn có thể sử dụng các công cụ Bút, Hình chữ nhật và Đa giác để vẽ các vùng có thể nhấp của mình. Để tùy chỉnh chúng và quan trọng nhất là cung cấp cho chúng chức năng của chúng, sau đó bạn có thể đặt tên cho từng vùng, gán liên kết cho vùng đó và điều chỉnh màu sắc, chiều cao và chiều rộng của vùng đó. Một cú nhấp chuột vào nút “Xuất” sẽ cung cấp cho bạn bản đồ HTML và mã React mà bạn có thể sao chép và dán vào dự án của mình Trình tạo ảnh động CSSKhá dễ dàng để nhận ra sự khác biệt giữa một hoạt ảnh có vẻ hơi sai lệch và một hoạt ảnh được thực hiện tốt. Nhưng việc điều chỉnh hoạt ảnh hoặc chuyển tiếp khung hình chính theo cách thủ công có thể khá tốn thời gian. Animista cung cấp một thư viện hoạt ảnh và chuyển tiếp mà bạn có thể sử dụng ngay lập tức. Có rất nhiều cài đặt trước cho lối vào và lối ra, đánh dấu văn bản, hành động của nút và hiệu ứng nền. Khi bạn đã xác định hoạt ảnh, bạn có thể sao chép-dán đoạn mã CSS của hoạt ảnh, cùng với mã do Autoprefixer tạo ra CSS Wand cung cấp hoạt ảnh di chuột và tải, nhưng bạn cũng có thể sử dụng hoạt ảnh Ladda (các nút có chỉ báo tải tích hợp) và Eric Spinners (với Vue. tích hợp js). Và có lẽ bạn muốn thêm một bước ngoặt hay thay đổi khi di chuột qua chuyển đổi với Boop. — chỉ cần lưu ý mở rộng quy mô với các yếu tố giả và tôn trọng các tùy chọn chuyển động cho người dùng chọn tham gia giảm chuyển động Trình tạo hình khối CSS 3DJhey Tompkins được biết đến với những sáng tạo CSS 3D vui nhộn của mình. Có lẽ bạn đã nhìn thấy máy bay trực thăng của anh ấy thay đổi một cách kỳ diệu khi bạn di chuyển con chuột? Bây giờ, nếu bạn cũng muốn biến ý tưởng 3D của mình thành hiện thực, Trình tạo hình khối CSS 3D của Jhey sẵn sàng trợ giúp. Chỉ cần điều chỉnh các thanh trượt để xác định chiều cao, chiều rộng, chiều sâu và màu sắc của hình khối và bạn đã có mã cần thiết để khiến mọi thứ lăn, xoắn, trượt hoặc bất kỳ thứ gì khác mà bạn đang lên kế hoạch. Chúc vui vẻ Trình tạo hình tượng trưng CSSChúng tôi có thể làm sống động những bố cục phức tạp nhất bằng CSS, nhưng chúng tôi cũng có thể tạo ra các tác phẩm nghệ thuật và hình vẽ nguệch ngoạc vui nhộn. Yuan Chuan đã xây dựng một thành phần web để vẽ các mẫu bằng CSS. Thành phần này bao gồm nhiều chức năng tiện ích và thuộc tính tốc ký để sử dụng. Kết quả là, thành phần này tạo ra một lưới gồm các Những người trợ giúp phát triển web nhỏ hữu íchNếu bạn cần thêm một số công cụ trong cuộc sống, thì may mắn thay, có rất nhiều nhà phát triển web giỏi đang thu thập tất cả các công cụ hữu ích yêu thích của họ vào một nơi có tên Tiny Helpers. Được duy trì bởi Stefan Judis, bạn chắc chắn sẽ tìm thấy tất cả các loại công cụ. từ API, khả năng truy cập và màu sắc, đến phông chữ, hiệu suất, biểu thức chính quy, SVG và Unicode Tất nhiên, còn nhiều thứ nữa được chia sẻ trên các nền tảng khác, chẳng hạn như chủ đề Twitter rất hữu ích của Josh W. Comeau mà còn bởi chính Stefan Judis. Bất kể điều gì mà bạn mong muốn tìm thấy sẽ giúp bạn hoàn thành công việc tốt hơn và nhanh hơn, bạn nhất định sẽ tìm thấy nó ở đó kết thúcThực sự có hàng trăm tài nguyên ngoài kia và chúng tôi hy vọng rằng một số tài nguyên được liệt kê ở đây sẽ hữu ích trong công việc hàng ngày của bạn — và quan trọng nhất là giúp bạn tránh được một số công việc thường ngày, tốn thời gian. hạnh phúc tạo ra |
