Trang chủ » Thiết kế web » Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 8 năm 2018)

    Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 8 năm 2018)

    Dường như cộng đồng phát triển hoạt động mạnh mẽ hơn trong thời gian gần đây vì đã có khá nhiều công cụ mới được phát hành trong vài tháng qua. Trong vòng này của loạt bài, tôi sẽ nhấn mạnh một số công cụ đáng được đề cập.

    Trong danh sách các công cụ, có một Thư viện JavaScript để tạo dữ liệu giả, một công cụ để chia sẻ tệp trong các mạng cục bộ, và một trong đó sẽ cho phép bạn ghi phiên Terminal vào hoạt hình SVG. Nghe hay đấy? Hãy kiểm tra danh sách đầy đủ bên dưới.

    Pushbar.js

    Đó là một thư viện JavaScript để tạo ngăn kéo trượt. Thông thường, ngăn kéo trượt được sử dụng để hiển thị điều hướng menu trang web, nhưng bạn có thể sử dụng thư viện này để hiển thị bất cứ điều gì phù hợp với trang web của bạn. Pushbar.js là hoàn toàn tùy biến và phụ thuộc miễn phí, không cần jQuery.

    Carbon bây giờ CLI

    Carbon CLI là gói Node.js để tạo ảnh chụp màn hình mã đẹp qua giao diện dòng lệnh. Công cụ này được lấy cảm hứng từ carbon.now.sh nơi bạn có thể làm điều tương tự thông qua một GUI đẹp trên trình duyệt.

    Faker.js

    Một thư viện JavaScript để tạo một dữ liệu giả. Nó hỗ trợ tạo ra một lượng lớn dữ liệu như tên, địa chỉ bưu chính, tên công ty, số điện thoại, ngày, và nhiều hơn nữa. Tất cả dữ liệu này có thể rất hữu ích để kiểm tra ứng dụng web của bạn.

    TermToSVG

    TermToSVG ​​là một Đầu ghi Linux điều đó làm cho các phiên dòng lệnh của bạn thành một hình ảnh động SVG. Nó là một công cụ hữu ích cho các nhà phát triển để viết một hướng dẫn.

    Quản lý sao lưu cơ sở dữ liệu

    Nó là một thư viện PHP và đúng như tên gọi của nó, nó cung cấp một tập hợp các chức năng để xử lý sao lưu cơ sở dữ liệu. Thư viện hỗ trợ các dịch vụ khác nhau để gửi hoặc lấy bản sao lưu từ, bao gồm Dropbox, Amazon S3, FTP và SFTP và Rackloud Cloud.

    Phản ứng bit

    Một bộ sưu tập hài hước về các kỹ thuật, mẹo và thủ thuật của React.js, React Bits bao gồm các mẫu thiết kế, kiểu dáng và mẹo hiệu suất phổ biến. Đây thực sự là một tài nguyên tuyệt vời để tăng cấp kỹ năng React.js của bạn.

    Ngôn ngữ DSS

    DSS là viết tắt của Xác định StyleSheets, một công cụ soạn thảo CSS mới. Làm thế nào nó hoạt động và làm thế nào điều này có thể được áp dụng cho công việc hàng ngày của tôi? Tôi thực sự không có ý tưởng cho đến nay. Nhưng nó trông rất tuyệt và nó mới vì vậy nó nằm trong danh sách. Cảm ơn bạn!

    Thanh lọc

    PurgeCSS là gói NPM cho phép tối ưu hóa đầu ra CSS trong ứng dụng web của bạn bằng cách loại bỏ những thứ không được sử dụng. Công cụ này có nhiều hỗ trợ công cụ tích hợp bao gồm Gulp, Grunt, Grunt, Webpack và PostCSS, vì vậy bạn có thể tích hợp nó vào dự án của bạn ngay lập tức.

    RFS

    RFS là viết tắt của Responsive Font Size và là một dự án thú vị để giải quyết một trong những điều khó nhất trên web, nghĩa là, để làm cho kích thước phông chữ đáp ứng, theo cách mà kích thước sẽ tuân theo độc đáo với kích thước khung nhìn của thiết bị. RFS có sẵn dưới dạng NPM

    Đơn giản

    Một thư viện JavaScript để tạo một thanh cuộn tùy chỉnh, SimpleBar cho phép bạn định kiểu cuộn khớp với kiểu trang web của bạn bằng CSS giống như bất kỳ yếu tố HTML nào khác trên trang web. Do hạn chế về nền tảng và trình duyệt, việc tạo kiểu thanh cuộn trình duyệt thường phức tạp nhưng SimpleBar đã thực sự làm cho nó đơn giản.

    Ấu trùng

    Larastan là một gói PHPStan cho Laravel. PHPStan là một công cụ cho phép bạn kiểm tra mã của mình để tìm lỗi tiềm ẩn mà không cần phải viết bài kiểm tra đơn vị. Nó kiểm tra nhiều thứ bao gồm sự tồn tại của các phương thức và hàm được gọi, các kiểu được gán cho các thuộc tính, số và kiểu được gán cho hàm tạo của lớp và xác thực phpDocs.

    Khoa tim mạch

    PWMetrics là một công cụ tập hợp các số liệu Ứng dụng web lũy tiến thông qua giao diện dòng lệnh được phát triển bởi Paul Irish. Công cụ này được cung cấp bởi Ngọn hải đăng và có sẵn dưới dạng gói NPM. Nó cung cấp nhiều tùy chọn để cấu hình các số liệu, hiệu suất thử nghiệm, và kỳ vọng bạn muốn đạt được trong bài kiểm tra.

    Pax

    Pax là một gói JavaScript để biên dịch các mô-đun JavaScript thành một tệp có thể sử dụng cho các trình duyệt. Pax hứa hẹn tốc độ. Nó biên dịch nhanh hơn một số gói thay thế. Nó hỗ trợ đầy đủ ES6 nhập khẩuxuất khẩu cú pháp và sytax CommonJS nhập khẩu. không giống pax được viết bằng Rust và có sẵn thông qua đăng ký gói Rust có tên là Cargo.

    SustyWP

    SustyWP là một Chủ đề WordPress nhằm mục đích tốt hơn; để giảm lượng khí thải carbon bằng cách giảm kích thước của nó xuống nhỏ nhất có thể. Nó chỉ nặng 7-6kb khi được tải trên trình duyệt. nó là nhanh và nhẹ, và đổi lại, nó tiêu tốn ít tài nguyên hơn (ví dụ: điện) để tải trang web. Kiểm tra nền tảng chủ đề trong bài này của Jack Lenox.

    Thư viện Doodle

    Một bộ sưu tập các bản vẽ doodle, Thư viện Doodle có rất nhiều bản vẽ trong bộ sưu tập và chúng được nhóm thành nhiều loại Khuôn mặt, Địa điểm, Động vật, v.v.. Bản vẽ có sẵn ở định dạng SVG và được phân phối theo Creative Common Attribution 4.0

    Tilt.js

    Một plugin jQuery để tạo sự lạ mắt độ nghiêng hiệu ứng tương tự như những hình thu nhỏ xem trước mà chúng ta thấy trên Apple TV. Nó không cần thêm CSS. Họ cũng cung cấp một số mẫu triển khai trong trang này vì vậy việc sử dụng nó khá đơn giản. Hãy chắc chắn rằng bạn kiểm tra hiệu ứng Glare; nó thực sự rất ngầu.

    Phòng tập tin

    Fileroom là một ứng dụng web cho chia sẻ tệp ngang hàng trong cùng một mạng. Bạn có thể chia sẻ tệp với đồng nghiệp của mình chỉ bằng cách kéo-n-drop bất kể HĐH. Nó hoạt động trong Windows, macOS, Linux.

    Coolhue

    Một bộ sưu tập các màu gradient được chọn thủ công, Coolhue cho phép bạn lấy các mẫu màu bảng màu cho ứng dụng Photoshop và Phác thảo hoặc cài đặt nó vào dự án của bạn sử dụng nông trại hoặc là chiều. Điều này sẽ giúp bạn tiết kiệm thời gian để chọn màu cho các trang web sắp tới của bạn.

    Rạn san hô

    Một thư viện JavaScript đơn giản để tạo UI, Reef không có tất cả chuông và còi từ thư viện lớn hơn như React.js hoặc Vue.js. Nhưng nếu tất cả những gì bạn cần là kết xuất giao diện người dùng, chỉ cần nhập dữ liệu và rạn san hô mẫu có thể là một sự thay thế tuyệt vời. Trọng lượng của nó chỉ 2Kb

    Thường xanh

    Một bộ sưu tập thành phần UI từ Segment.io. Các thành phần khá đa dạng; ngoài một số thành phần thông thường như Nút, Biểu tượng, Nhập văn bản, có một số thành phần mà tôi nghĩ là duy nhất đối với Evergreen như Máy nướng bánh mì, Bảng phụ và Hộp thoại Góc.