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

Loạt bài này đã đi một chặng đường dài mà chúng ta đã chứng kiến công cụ phát triển web đến và đi; một lần chúng tỏa sáng, vài tháng sau chúng bị lỗi thời với các công cụ mới nhất khác. Tuy nhiên, chúng tôi có một số công cụ mới trong danh sách để các nhà phát triển của chúng tôi khám phá trong tháng này bao gồm Thư viện JavaScript, plugin Phác thảo để thiết kế giao diện người dùng đáp ứng, và một vài khung CSS.

Bấm để biết thêm tài nguyên

Tìm toàn bộ bộ sưu tập tài nguyên được đề xuất của chúng tôi và các công cụ thiết kế và phát triển web tốt nhất hiện có.

bị mắc kẹt

Một JavaScript thư viện cho phép bạn trình bày đánh máy hiệu ứng của một danh sách văn bản; một loại hiệu ứng mà bạn có thể đã thấy trên web gần đây. Thư viện JavaScript này là dễ dàng thực hiện với một số tùy chọn để tùy chỉnh hiệu ứng. Bạn có thể cài đặt thư viện này thông qua NPM hoặc tải nó qua CDN tại https://unpkg.com/[email protected].

Opera neon

Opera từng là người đầu tiên giới thiệu trình duyệt dựa trên tab và kể từ đó chúng tôi có các trình duyệt có cái gọi là Tab và Quay số nhanh. Opera gần đây đã phát hành sáng kiến mới của mình, được đặt tên là Opera Neon. Một trình duyệt mới với giao diện tươi hơn như cái gọi là thanh địa chỉ, chế độ chia đôi màn hình và hình nền đẹp lựa chọn. Vì vậy, Opera Neon có thể thay đổi không gian trình duyệt một lần nữa không? Điều này chúng ta sẽ phải xem.

At.js

At.js là thư viện JavaScript cho phép bạn thêm mặt cười, đề cập đến bạn bè hoặc gắn thẻ; một cái gì đó giống như chúng ta đã thấy trên Slack, Twitter và Facebook. Plugin này yêu cầu jQuery, cho phép nó hoạt động trên Internet Explorer 7 và có lẽ Internet Khám phá 6 quá. Tuyệt diệu!

Giải phóng

Phát hành làm cho tạo phiên bản mới của phần mềm trong Github hiệu quả hơn. Một bản phát hành mới thường đi kèm với một thay đổi và mô-đun này cho phép bạn điền vào thay đổi tự động bắt nguồn từ các thông điệp cam kết Git.

Đẹp hơn

Một JavaScript làm đẹp đảm bảo mã JavaScript của chúng tôi được định dạng một cách nhất quán. Nó hỗ trợ ES2017 và JSX.

Ayu

Ayu là Chủ đề văn bản tuyệt vời với một sự hấp dẫn mới mẻ và hiện đại. Nó đi kèm với 2 tông màu tối và sáng. Ayu có nghĩa là đẹp ở Indonesia, và có thể nói như vậy; nó làm cho giao diện người dùng văn bản tuyệt vời trở nên đẹp hơn.

Splora JSON

Một ứng dụng nhẹ để chỉnh sửa và trực quan hóa dữ liệu JSON. Ứng dụng tương thích với Windows, Linux và MacOS.

Thu phóng

Một JavaScript để phóng to hình ảnh một cách duyên dáng. Tối ưu hóa cho thiết bị di động, hoạt động độc đáo trong màn hình hi-def và có thể dễ dàng tùy chỉnh.

Ramme

Ramme là một Ứng dụng khách máy tính để bàn Instagram. Mặc dù nó không chính thức, nhưng có lẽ bạn có thể tìm hiểu một vài những điều mới từ mã nguồn.

Thay đổi tên người dùng

Một plugin WordPress đã kích hoạt một lần, thêm một “thay đổi” liên kết bên cạnh đầu vào tên người dùng và cho phép bạn thay đổi tên người dùng.

NodeifyWP

NodeifyWP là một plugin WordPress khá độc đáo. Nó cho phép bạn sử dụng WordPress như bình thường sau đó xuất nội dung bằng mô-đun Node.js. Tôi chưa thử plugin này trên bất kỳ dự án nào. Nhưng bài thuyết trình tôi đã thấy trong WordCamp Denpasar 2016, Plugin này có vẻ rất hứa hẹn để hiện đại hóa phát triển WordPress.

ColorMe

ColorMe khá giống với các ứng dụng tạo màu khác mà tôi từng thấy trước đây. Ngoài việc tạo mã màu, ứng dụng còn cung cấp kiểm soát điều chỉnh độ sáng màu, sắc độ, màu sắc, độ bão hòa, độ tương phản, vv.

Gói WP-CLI

Một bộ sưu tập các phần mở rộng của WP-CLI có thêm các dòng lệnh và tham số để thực hiện các tác vụ bổ sung như một cho triển khai WordPress đến máy chủ từ xa, di chuyển trang web WordPress, xóa bộ nhớ cache, và nhiều hơn nữa.

Trình tạo trang thợ may

Một plugin WordPress cho phép bạn tạo nội dung phi tuyến tính với giao diện kéo-n-drop. Plugin có thể mở rộng cho một thành phần mới để thêm loại nội dung độc đáo. Nó cũng cung cấp WP-API để quản lý các nội dung này. Tailor Page Builder là plugin tốt nhất trong danh mục này.

XVG

XVG là một tiện ích mở rộng của Chrome hiển thị phác thảo đồ họa và neo của SVG có thể giúp bạn gỡ lỗi các đối tượng SVG một cách dễ dàng.

RibbonJS

RibbonJS là một thư viện JavaScript cho phép bạn tạo ruy băng trang trí trên trang web của bạn, như bạn có thể thấy ảnh chụp màn hình sau đây. Nó chỉ có kích thước 1kb, và Dễ dàng tùy chỉnh.

Giao diện tự động

Tự động bố trí là một Plugin phác thảo cung cấp một số kích thước màn hình đặt trước để kiểm tra thiết kế giao diện người dùng của bạn. Vì vậy, bạn có thể đảm bảo thiết kế trông đẹp như nhau cho dù nó được xem trên iPhone 5, iPhone 6, v.v ... Plugin cũng cho phép bạn xác định kích thước tùy chỉnh trong trường hợp nó không có sẵn trong cài đặt trước. Xem cách plugin hoạt động trong video này.

Chức năng

Funcssion là một bộ sưu tập các lớp CSS tuân theo nguyên tắc Chức năng thuần túy. Mỗi lớp CSS định nghĩa một mục đích duy nhất là tạo kiểu. CSS Framework này hiện đang được tiến hành với nhiều tính năng sẽ giới thiệu trong tương lai, chẳng hạn như lưới đáp ứng, nút, vv.

Webslides

Nhẹ và dễ dàng sử dụng khung để xây dựng các slide thuyết trình chỉ sử dụng HTML và CSS. Webslides hiện cung cấp một vài mẫu slide đẹp, nơi bạn có thể bắt đầu trình bày slide của bạn ngay lập tức.

Thiết kế web đàn hồi

Thiết kế Web đàn hồi là một cuốn sách trực tuyến. Cuốn sách này không có gì là kỹ thuật, thay vào đó, nó bao gồm lịch sử, nguyên tắc và phát minh định hình Web như chúng ta biết trong thế giới ngày nay. Tôi nghĩ rằng nó là một đọc tuyệt vời cho cuối tuần.