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

JavaScript là một ngôn ngữ tuyệt vời. Bạn có thể xây dựng hầu hết mọi thứ với JavaScript; từ một trang web đơn giản, ứng dụng máy tính để bàn đến một ứng dụng di động và những gì không.

Trong phần này của loạt bài, chúng ta sẽ khám phá một số tài nguyên hữu ích liên quan đến JavaScript. Bài đăng chứa danh sách các tiện ích, công cụ và tài nguyên tổng thể được xây dựng bằng JavaScript. Ví dụ: chúng tôi có một khuôn khổ đầy đủ để phát triển và triển khai một ứng dụng, một trình gói JavaScript và một số tiện ích mở rộng VSCode. Hãy xem danh sách đầy đủ.

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

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

HTML, JavaScript và CSS là ba ngôn ngữ tuyệt vời. Nhờ sự tiến bộ của các khuôn khổ xung quanh các ngôn ngữ này … Đọc thêm

cá đuối

cá đuối là một ứng dụng web nhỏ cho phép bạn tạo các đoạn mã vào một hình ảnh đẹp. Bạn có thể chọn chủ đề cho ngôn ngữ, tùy chỉnh nền, phần đệm, văn bản và lưu và chia sẻ lên mạng xã hội hoặc bài đăng trên blog của mình.

cá đuối

Phong cách Conic

Bộ sưu tập CSS conic-gradient() ví dụ; một chức năng CSS mới để tạo ra hai hoặc nhiều màu được xoay quanh một điểm chính giữa. Với conic gradient, bạn có thể tạo các bản trình bày như biểu đồ hình tròn hoặc bánh xe màu một cách dễ dàng chỉ bằng cách sử dụng CSS.

kiểu conic

Browserosaurus

Một ứng dụng cho phép bạn chọn trình duyệt để mở một liên kết. Ứng dụng này được tạo riêng cho macOS với chủ đề sáng và tối tự động chuyển đổi theo tùy chọn hệ thống. Không còn sao chép và dán liên kết theo cách thủ công trên các trình duyệt khác nhau.

Browserosaurus

Loripsum

Một công cụ để tạo “lorem ipsum”. Không chỉ nội dung mà nó còn có thể thêm các định dạng bổ sung như tiêu đề, in đậm, nghiêng, trích dẫn khối và liên kết. Công cụ này cũng cung cấp một điểm cuối API mà bạn có thể sử dụng để tạo nội dung theo chương trình. Một công cụ khá tiện dụng để tạo nội dung giả để thử nghiệm hoặc tạo mẫu.

loripsum

WindiCSS

Khung CSS đầu tiên của tiện ích WindiCSS. Được thiết kế để thay thế cho TailwindCSS cung cấp thời gian tải nhanh hơn. Nó chỉ tạo CSS được sử dụng và đã tích hợp với một số công cụ như Phần mở rộng VSCode, CLI, Tổng hợpvà các khuôn khổ như Vue.js, Nuxt.js, và Svelte.

gió

VSCode Vite

Một phần mở rộng cho Nhanh chóng, một sự phát triển giao diện người dùng hiện đại với một công cụ xây dựng được định cấu hình trước. Nếu bạn đang sử dụng VSCode, tiện ích mở rộng này có thể giúp hợp lý hóa quy trình công việc của bạn. Bạn có thể khởi động máy chủ nhà phát triển, gỡ lỗi bản dựng và xem trước ngay từ cửa sổ trình soạn thảo.

nhanh chóng

ViewUse

Một bộ sưu tập mới cần thiết Chế độ xem thành phần API giúp làm cho các ứng dụng Vue.js dễ bảo trì và linh hoạt hơn. Nó cung cấp một chức năng để thực hiện hình ảnh động, giao tiếp với trình duyệt, quản lý trạng thái và các chức năng tiện ích khác.

người xem

Duyệt qua Lite

Một trong những phần mở rộng VSCode yêu thích của tôi. Tiện ích mở rộng này thêm trình duyệt ngay vào VSCode để bạn làm việc và xem trước mà không cần rời khỏi trình chỉnh sửa. Nó chạy nhanh với thiết kế sạch sẽ kết hợp hoàn hảo trong trình chỉnh sửa. Nó cũng có đầy đủ làm việc DevTools giống như Chrome và Firefox.

duyệt-lite

Min

Min là một trình duyệt rất tối giản nhằm mục đích hiệu suất và bảo vệ quyền riêng tư. Trình duyệt Min cung cấp khả năng dừng quảng cáo, trình theo dõi, tập lệnh và hình ảnh để bạn có thể duyệt nhanh hơn và sử dụng ít dữ liệu hơn.

trình duyệt-min

Bay

Một phần mở rộng VSCode được xây dựng đặc biệt cho Xem 3. Nó cung cấp một máy chủ ngôn ngữ cho Vue.js và hỗ trợ đầy đủ tính năng Kiểm tra kiểu với TypeScript. Tiện ích mở rộng này vẫn đang được phát triển tích cực với nhiều tính năng hơn sắp ra mắt.

bay

Saruni

Khung ứng dụng web đầy đủ với JavaScript. Nó cung cấp các tính năng nền tảng như xác thực, email, tải lên hình ảnh và các công cụ (React, TypeScript, GraphQL, v.v.) để phát triển ứng dụng cũng như triển khai ứng dụng với quy trình làm việc hiện đại.

saruni

WithFig

Fig là một ứng dụng macOS bổ sung tính năng tự động hoàn thành và các phím tắt trong Terminal tương tự như ứng dụng trong trình chỉnh sửa mã. Nó giúp các nhà phát triển tiết kiệm thời gian và hiệu quả hơn. Tại thời điểm viết bài, ứng dụng này vẫn đang trong giai đoạn phát triển ban đầu. Nếu bạn muốn chạm tay vào những thứ này, bạn có thể đăng ký với tư cách người dùng beta.

withfig

GrapeJS

GrapesJS là một trình tạo bố cục web nhằm mục đích giúp bạn tạo một mẫu HTML mà không cần viết mã. Nó đi kèm với các thành phần được tạo sẵn như nút, cột, hình ảnh, bản đồ, v.v. nơi người dùng có thể chỉ cần kéo-n-thả để tạo bố cục họ thích. Bạn cũng có thể tùy chỉnh các kiểu như kích thước và màu sắc. Và bạn cũng có thể xây dựng các thành phần tùy chỉnh của riêng mình.

bưởi

Cầu vồng CSV

Một tiện ích mở rộng VSCode cung cấp đánh dấu cú pháp cho CSV giúp bạn quét và đọc nội dung CSV một cách dễ dàng. Đó là một loại tiện ích nhỏ với lợi ích lớn. Tôi nghĩ điều này nên được thêm vào tính năng mặc định trong VSCode.

vscode-Rainbow-csv

Văn bản Công cụ Power

Một phần mở rộng VSCode cung cấp thao tác văn bản tất cả trong một. Bạn có thể chuyển đổi trường hợp văn bản, lọc dòng và chuỗi bằng cách sử dụng RegEx, loại bỏ các bản sao, chèn số dòng, dấu thời gian, đường dẫn và hơn thế nữa.

vscode-text-power-tools

Ứng dụng khách VSCode REST

Một tiện ích mở rộng VSCode cho phép bạn gửi yêu cầu đến một URL và xem phản hồi từ trình chỉnh sửa. Phần mở rộng này cung cấp các tính năng khá toàn diện; chẳng hạn, bạn có thể hủy yêu cầu, gửi yêu cầu truy vấn GraphQL, SOAP, hỗ trợ proxy và auth, v.v.

vscode-rest-client

Đường chân trời

Một công cụ nhỏ xinh từ Github để tạo mô hình 3D dựa trên những đóng góp trên Github của bạn trong một năm. Bạn có thể chia sẻ mô hình 3D này trên phương tiện truyền thông xã hội, in nó hoặc xem trong VR. Khá tuyệt, phải không?

đường chân trời

Snowpack

Một gói JavaScript được thiết kế cho các ứng dụng web hiện đại và nhằm mục đích trở thành một giải pháp thay thế cho gói nặng hơn như Webpack. Snowpack cung cấp quy trình xây dựng tốt hơn, ít cấu hình hơn, đầu ra được tối ưu hóa hơn và hỗ trợ một số khung công tác như React và Preact out of the box.

băng tuyết

Enlightn

Một công cụ kiểm tra kiểm tra hiệu suất và các vấn đề bảo mật có thể xảy ra đối với ứng dụng Laravel của bạn. Có hơn một trăm kiểm tra tích hợp từ kiểm tra bảo mật cơ bản đến nâng cao, kiểm tra thực tiễn tốt nhất và kiểm tra độ tin cậy. Bạn có thể chạy nó trong một dòng lệnh duy nhất hoặc chạy kiểm tra tự động trên kho lưu trữ của bạn với bot Github.

enlightn

Giám sát hiện trường

Một công cụ kiểm tra kiểm tra trang web của bạn để tìm lỗi chính tả, lỗi ngữ pháp và liên kết bị hỏng cũng như các lỗi đánh máy khác. Nó được xây dựng bằng Ruby / Rails, Vue.js, PostgreSQL và hoàn toàn là mã nguồn mở. Bạn có thể lưu trữ nó trên máy chủ của riêng bạn.

Giám sát hiện trường

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *