Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 2 năm 2015)
Sau khi làm điều này trong hơn một năm, phần khó nhất trong việc viết đống tài nguyên hàng tháng này cho các nhà thiết kế và nhà phát triển là phần giới thiệu. Trong khi chúng ta đang ở chủ đề, đây là bản tóm tắt tháng 2 năm 2015 của bạn về các tài nguyên tốt nhất và mới nhất cho các nhà phát triển web như bạn.
Trong phần này, chúng tôi đang xem xét một đặc biệt công cụ tìm kiếm để tìm đoạn mã, rất tháo vát tham chiếu đến các vấn đề về địa chỉ trong mô-đun Flexbox, và các công cụ phát triển để quản lý tốt hơn màu sắc, kiểu chữ và độ dốc.
Hoạt hình Gradient
CSS3 Gradient cho phép chúng tôi tạo các gradient không tưởng tượng trên trang web của chúng tôi mà không cần tải bất kỳ hình ảnh nào. Chúng tôi thậm chí có thể kết hợp nó với CSS3 Animation để tạo hiệu ứng hấp dẫn hơn. Nhưng nếu mã quá nhiều đối với bạn, hãy sử dụng tuyến Gradient Animator đơn giản hơn để tạo một tuyến có giao diện đẹp.
Hướng dẫn bỏ túi SVG
Hướng dẫn bỏ túi SVG được biên soạn bởi Joni Trythall. Đây là một tài liệu tham khảo hữu ích sẽ đưa bạn qua các kiến thức cơ bản về SVG (như tạo hình và văn bản) cho đến các tính năng nâng cao hơn (như tạo độ dốc, cắt đường dẫn và mẫu). Cuốn sách có định dạng Markdown và có sẵn bằng tiếng Anh và tiếng Bồ Đào Nha.
Flexbugs
Flexbox là một mô-đun mới rất hứa hẹn trong CSS3 sẽ thay đổi hoàn toàn cách chúng xây dựng bố cục web. Tuy nhiên, nó cũng đi kèm với các vấn đề tương thích trình duyệt chéo của riêng mình. Kho lưu trữ này, Flexbugs, là một tập hợp các lỗi này và cách giải quyết để giải quyết chúng. Đây là một tài nguyên rất hữu ích cho bất kỳ ai sống ở rìa của Web.
Icono
Thật đáng kinh ngạc những gì chúng ta có thể đạt được chỉ với CSS như tạo một biểu tượng có thể trình bày đầy đủ chỉ bằng một yếu tố duy nhất. Icono là thư viện thực hiện điều này. Trong thư viện này, bạn sẽ tìm thấy một bộ sưu tập các biểu tượng quen thuộc chỉ được tạo bằng một yếu tố duy nhất và CSS. Các biểu tượng này sẽ tải nhanh hơn và có thể tùy chỉnh nhiều hơn các biểu tượng dựa trên hình ảnh.
Dillinger
Dillinger là một biên tập viên Markdown đẹp mắt. Tại đây bạn có thể viết ở định dạng Markdown và ngay lập tức thấy đầu ra trên tab bên phải. Để thuận tiện cho bạn, Dillinger cho phép bạn xuất tác phẩm của mình sang HTML, PDF hoặc chỉ ở định dạng tệp Markdown sau khi bạn đã hoàn thành. Ngoài ra, bạn cũng có thể kết nối nó với dịch vụ của bên thứ ba như Dropbox và Github nơi bạn có thể lưu tệp của mình.
HTML5Up
HTML5Up là một bộ sưu tập các mẫu dựa trên HTML5 miễn phí. Bạn có thể tìm thấy một số bố cục phục vụ cho các loại trang web khác nhau: kinh doanh, danh mục đầu tư hoặc chỉ là một blog đơn giản. Tất cả các mẫu đều đáp ứng cũng như đảm bảo rằng nội dung và bố cục trang web thú vị ở các kích cỡ màn hình khác nhau.
Màu CSS
Bao giờ tự hỏi một màu sắc cụ thể được đặt tên là gì? Màu CSS hiển thị tên màu cũng như định dạng Hex và RGBA cho bộ sưu tập các màu cơ bản. Đó là một nguồn tốt để tìm sự kết hợp màu sắc hoàn hảo cho trang web của bạn.
Xem lại Emmet
Xem lại là một tiện ích mở rộng của Chrome phân tích trang web của bạn @phương tiện truyền thông
truy vấn và hiển thị trang web của bạn trong mỗi điểm dừng được chỉ định trong mỗi điểm dừng @phương tiện truyền thông
truy vấn. Nếu bạn đang tìm kiếm một công cụ có thể giúp bạn tiết kiệm một chút thời gian khi kiểm tra các trang web phản hồi, thì đây là công cụ bạn cần.
LoạiGenius
Nếu bạn xem thư viện Google Font, bạn sẽ tìm thấy rất nhiều phông chữ ở các khuôn mặt, gia đình, cân nặng và loại khác nhau. Do đó, việc chọn đúng cặp hoặc kết hợp các phông chữ có thể là một nhiệm vụ áp đảo thực sự. LoạiGenius làm cho việc chọn các cặp phông chữ trở nên đơn giản và nhanh chóng và có thể cho dân số nói chung.
Mã tìm kiếm
Như tên đã nói, đây là một công cụ tìm kiếm để tìm mã hoặc đoạn mã của nhiều ngôn ngữ lập trình bao gồm JavaScript, C, PHP. Công cụ tìm kiếm này sẽ lấy kết quả từ nhiều nguồn như Github, Bitbucket và Google Code. Đây là một công cụ nhất định phải có cho các lập trình viên hạng nặng.