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 biệt là Electron, giờ đây chúng tôi có thể phát triển một ứng dụng máy tính để bàn đầy đủ hiệu quả hơn có thể chạy trên một số hệ điều hành và nền tảng khác nhau cho dù đó là trên Windows, macOS, Linux hay các ứng dụng di động.

Trong vòng này của loạt bài, chúng ta sẽ xem xét một số khuôn khổ này cùng với một số ví dụ tuyệt vời về ứng dụng cũng như các tài nguyên thú vị khác trong tháng.

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 1 năm 2021)

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

Cuối cùng thì chúng tôi cũng đã đến năm 2021! Với mong muốn năm nay sẽ mang lại niềm vui, tình yêu, sự bình an, và hạnh phúc cho mọi người…. Đọc thêm

CSS hiện đại

Nếu bạn muốn nâng cao kỹ năng CSS của mình, bạn nên xem loạt bài đăng của Stephanie Enking. Nó bao gồm các chủ đề nhất định về chủ đề này để giải quyết một số vấn đề phổ biến với các giải pháp hiện đại có sẵn trong CSS ngày nay.

hiện đại

HyperColor

Một bộ sưu tập các màu chuyển sắc đẹp được xây dựng bằng cách sử dụng các lớp tiện ích từ TailwindCSS. Vì vậy, nếu bạn xây dựng một trang web bằng TailwindCSS, bạn có thể chỉ cần sao chép các lớp và dán chúng vào các phần tử HTML để thêm màu gradient.

màu siêu

TailwindKit

TailwindKit là tập hợp của hơn 250 thành phần được tạo sẵn. Nó bao gồm một số thành phần phổ biến như Nút, Đầu trang và Chân trang cho đến một số thành phần thích hợp hơn như Bảng điều khiển dữ liệu và thành phần Nhóm. Một tài nguyên tuyệt vời khác dành cho người dùng TailwindCSS.

bộ đồ nghề

GrepApp

Nếu bạn thấy kết quả tìm kiếm trên Github kém thỏa mãn, bạn có thể thử Grep.app. Đó là một công cụ để tìm kiếm mã trên kho lưu trữ công khai Github. Bạn có thể nhận được kết quả tốt hơn vì bạn có thể tinh chỉnh tìm kiếm từ khóa của mình thành phân biệt chữ hoa chữ thường, RegEx hoặc các từ đầy đủ.

ứng dụng grep

React Toast

Thư viện React.js cho phép bạn kích hoạt thông báo "bánh mì nướng"; đó là thông báo nhỏ bật lên trên màn hình của bạn và biến mất sau vài giây. Theo mặc định, nó trông tuyệt vời với hoạt ảnh và chuyển tiếp mượt mà, nhưng nó có thể tùy chỉnh theo ý thích của thiết kế trang web hoặc ứng dụng của bạn.

bánh mì nướng nóng

PowerToys

PowerToys là phần mềm khởi động lại phần mềm tương tự trong Windows 95. Nó đi kèm với một bộ công cụ để nâng cao trải nghiệm và năng suất trong Windows 10, chẳng hạn như Bộ chọn màu cho phép chọn màu trên bất kỳ ứng dụng đang chạy nào. Và có 8 công cụ tiện dụng khác mà PowerToys cung cấp tại thời điểm viết bài.

powertoys

Reactotron

Một ứng dụng để kiểm tra các ứng dụng React.js và React Native trong trạng thái ứng dụng của bạn, kiểm tra các yêu cầu và phản hồi API cũng như hiệu suất gỡ lỗi. Nó giống như DevTools của trình duyệt nhưng dành cho các ứng dụng của bạn. Nó hoạt động trên macOS, Windows và Linux.

reactotron

Vĩ cầm

Nếu bạn mới bắt đầu với Electron và không muốn giải quyết các vấn đề phụ thuộc, thì Fiddle là ứng dụng dành cho bạn. Nó đi kèm với mọi thứ bạn cần bao gồm một số phiên bản Electron khác nhau, trình chỉnh sửa tích hợp sẵn và bạn thậm chí có thể biên dịch các thử nghiệm của mình thành một ứng dụng.

vĩ cầm

Kẹp

Một ứng dụng tiện dụng miễn phí giúp nâng cao chức năng khay nhớ tạm trong macOS. Với Clippy, bạn có thể xem hầu hết tất cả các mục trong danh sách và lịch sử khay nhớ tạm của mình, đồng thời chọn mục bạn muốn dán.

kẹp

Devkinsta

Một ứng dụng dành cho máy tính để bàn để dễ dàng tạo ra môi trường localhost với WordPress. Bạn có thể tạo một cài đặt duy nhất hoặc nhiều trang web chỉ trong vài cú nhấp chuột.

Cùng với cơ sở dữ liệu và máy chủ localhost với nginx, nó cũng cung cấp một số công cụ tiện dụng để phát triển WordPress cục bộ như Adminer để quản trị cơ sở dữ liệu, máy chủ SMPT và một cách dễ dàng để chuyển đổi giữa các phiên bản PHP.

devkinsta

Nativefier

Nativefier là một công cụ tiện dụng để nhanh chóng kết hợp bất kỳ trang web nào thành một ứng dụng dành cho máy tính để bàn. Nó tận dụng Chromium để bạn có thể xây dựng và biên dịch ứng dụng sang các nền tảng khác nhau bao gồm macOS, Windows và Linux, tất cả chỉ bằng một dòng lệnh CLI.

người bản địa hóa

Electron React Boilerplate

Đây là điểm khởi đầu của bạn để xây dựng ứng dụng dành cho máy tính để bàn với Electron. Nó được đóng gói sẵn với React Router, Webpack, React Fast Refresh cũng như React để bạn có thể bắt đầu ngay lập tức xây dựng ứng dụng dành cho máy tính để bàn tuyệt vời tiếp theo của mình thay vì xử lý các cấu hình và công cụ xây dựng.

điện tử-phản ứng-nồi hơi

Electron Sight

Nếu bạn thích làm việc với Vue.js, khung công tác này là một lựa chọn thay thế tốt. Nó được đóng gói sẵn cho các công cụ hỗ trợ trong hệ sinh thái Vue.js như Vue DevTools, Axios, Vue Router, v.v.

electron-vue

Theia

Một khuôn khổ để xây dựng một IDE chính thức (Môi trường phát triển tích hợp) với các công nghệ web hiện đại. Nó có thể dễ dàng mở rộng cho phép bạn thêm các tính năng tùy chỉnh xung quanh nó. Một khuôn khổ tuyệt vời nếu bạn định bao gồm một trình chỉnh sửa trong các ứng dụng và dịch vụ web của mình.

theia

Lepton

Trình quản lý đoạn mã dựa trên GitHub Gist với hỗ trợ cho cả Gist riêng tư và công khai. Bạn có thể quản lý các đoạn mã của mình hiệu quả hơn trong ứng dụng với nhiều thẻ, nhóm, tìm kiếm và một số tính năng khác không có sẵn trong Github Gist.

lepton

Pennywise

Pennywise là một ứng dụng dựa trên Electron cho phép bạn mở một trang web hoặc phương tiện trong một cửa sổ nổi trên đầu ứng dụng đang chạy khác của bạn. Nó có thể thay đổi kích thước và có thể được đặt ở bất kỳ đâu trên màn hình, nó cũng hoạt động trong macOS, Windows và Linux.

đồng xu

Mất ngủ

Bạn có thể sử dụng Electron để phát triển một ứng dụng đơn giản như Ins mất ngủ. Nó là một ứng dụng đa nền tảng để đưa ra yêu cầu và kiểm tra một điểm cuối API. Bạn có thể đưa ra yêu cầu bằng các phương thức HTTP khác nhau (GET, POST, PUT, v.v.) hoặc thêm tiêu đề và xác thực.

mất ngủ

Postbird

Postbird là một ví dụ khác về một ứng dụng đơn giản được xây dựng bằng Electron. Đây là một ứng dụng để quản lý cơ sở dữ liệu trong PostgreSQL, nơi bạn có thể xem danh sách cơ sở dữ liệu, dữ liệu và thực hiện một số thao tác như tìm kiếm qua các bảng hoặc chạy các truy vấn cơ sở dữ liệu.

chim hậu đậu

WNR

Một ứng dụng quản lý thời gian đơn giản dành cho macOS và Windows. Nó giống như một bộ đếm thời gian nơi bạn có thể đặt thời gian làm việc và thời gian nghỉ ngơi. Một ứng dụng tiện dụng có thể giúp nhắc nhở bạn nghỉ ngơi vì thời gian thường trôi nhanh khi bạn quá tập trung làm việc trước máy tính.

wnr

Spectron

Cuối cùng nhưng không kém phần quan trọng, bạn nên kiểm tra các ứng dụng của mình để đảm bảo rằng ứng dụng của bạn chạy tốt. Spectron giúp bạn dễ dàng thiết lập môi trường kiểm tra tự động cho ứng dụng của mình. Nó cũng tương thích với bất kỳ khung thử nghiệm nào bao gồm Mocha và Jest.

quang phổ



Bạn đang xem : 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)

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 *