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

Kể từ đầu năm 2017, rất nhiều thay đổi trong thế giới phát triển web, với các ứng dụng và tài nguyên mới đến mỗi ngày. Bắt kịp xu hướng, hôm nay tôi chia sẻ với bạn một vài tài nguyên phát triển web mới.

Những tài nguyên này bao gồm một ứng dụng web sẽ giúp bạn tìm hiểu mô-đun CSS Grid gốc mới, một khóa học để giúp bạn học React ngay từ đầu, một tài liệu tham khảo để tìm hiểu một số mẫu thiết kế PHP để cải thiện mã PHP của bạn, và một vài điều nữa Hãy kiểm tra chúng.

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ó.

Slinky

Một Phác thảo plugin cho phép bạn xuất Artboard của bạn sang mẫu email HTML với một cú nhấp chuột đơn giản. Slinky hiện đang trong giai đoạn phát triển tích cực, tuy nhiên, vẫn còn một vài thứ thô ráp ở các cạnh. Vì vậy, làm theo hướng dẫn để có được đầu ra tốt nhất có thể.

Đun sôi

Một thư mục giám tuyển của mẫu và mẫu để giúp bạn bắt đầu với một dự án một cách nhanh chóng. Nó chứa một danh sách các mẫu của nhiều ngôn ngữ và khung bao gồm jQuery, Angular, React, WordPress, Backbone và Electron.

Griddy

CSS Grid là điều lớn tiếp theo sẽ thay đổi cách chúng ta sắp xếp bố cục và sử dụng khung lưới để xây dựng trang web. Tuy nhiên, do sự phức tạp, sử dụng CSS Grid có thể là áp đảo cho một số người dùng. Trong trường hợp như vậy, ứng dụng web tiện dụng này, Griddy, có thể rất hữu ích trong việc học CSS Grid.

Phản ứng cơ bản

Tôi đang học React tại thời điểm viết và tìm thấy một khóa học tuyệt vời nơi bạn có thể học React khi mới bắt đầu. Khóa học bao gồm các video, bài viết và câu đố. Và tôi đã đề cập đến điều đó khóa học này hoàn toàn miễn phí?

Khung máy tính để bàn

Khung xe là một cấu hình máy ảo được thiết kế để xây dựng xung quanh hệ sinh thái WordPress chẳng hạn như Chủ đề và Plugin. Nó sẽ cho phép bạn quản lý trực quan các cài đặt Khung gầm. Tại thời điểm viết, Khung gầm là vẫn đang trong giai đoạn phát triển, nhưng nó sẽ sớm được phát hành.

Giấy tờ

Một bộ sưu tập của kích thước giấy tiêu chuẩn được sử dụng ở các quốc gia khác nhau bao gồm những kích thước thường được sử dụng ở Nhật Bản, Pháp và Canada. Đó là một nguồn tài nguyên tuyệt vời mà cả nhà thiết kế và phát triển web nên đánh dấu.

TippyJS

Một tốt đẹp Thư viện JavaScript để xây dựng Tooltip, TippyJS đi kèm với rất nhiều cài đặt để định cấu hình cách thức chú giải công cụ xuất hiện và hoạt động. Đó là 'chủ đề' theo cách mà bạn có thể dễ dàng tùy chỉnh giao diện thông qua CSS. Các nhà phát triển sẽ đặc biệt đánh giá cao “Gọi lại” nó cung cấp.

Các mẫu thiết kế PHP

Hiểu mẫu thiết kế của ngôn ngữ lập trình có thể giúp tạo ra các mã không chỉ hoạt động mà còn có thể mở rộng và dễ bảo trì. Nếu bạn vào PHP, đây là một trong những hướng dẫn bạn nên xem qua.

Ăn tham

Gạc là một tiện dụng Thư viện PHP để thực hiện các yêu cầu HTTP với nhiều phương pháp khác nhau như “ĐƯỢC”, “BÀI ĐĂNG” và thậm chí các yêu cầu Async tương tự như JavaScript. Nó đi kèm với một sự phong phú của các phương thức chức năng nơi bạn dễ dàng nhận được phản hồi từ yêu cầu được đưa ra, bao gồm cả phản hồi Tiêu đề, phần thân cũng như mã trạng thái.

Mini.css

Mini là một Khung CSS với dấu chân tối thiểu. Và như các khung công tác khác, nó được phân phối với một số thành phần web như Lưới, Điều hướng, Bảng, v.v..

Đơn giản

Một bộ sưu tập các biểu tượng của các công ty và thương hiệu từ những cái phổ biến như eBay, Viber, Dribble và Google+ cho đến những cái ít phổ biến nhất như Gitter, Kirby, Viadeo. Các các biểu tượng có định dạng SVG và có thể chứng minh là một nguồn tài nguyên tuyệt vời cho cả nhà thiết kế và nhà phát triển.

Quản trị viên Chrome của Chrome

Một Tiện ích mở rộng Chrome để quản lý cơ sở dữ liệu MySQL của bạn. Đây là một sự thay thế tuyệt vời cho các ứng dụng như Sequel Pro và MySQL Workbence.

Numi

Numi là một ứng dụng máy tính đơn giản, đẹp và độc đáo cho Mac. Đơn giản chỉ cần gõ “10USD bằng SGD” và bạn nhận được kết quả!

Ấu trùng

Một Cấu hình Docker để chạy Laravel. Laradock hỗ trợ các công cụ cơ sở dữ liệu khác nhau bao gồm MariaDB và MongoDB cũng như Công cụ bộ đệm như Redis và Memchaces. Mặc dù nó được đặt tên theo Laravel, bạn có thể sử dụng nó cho các khung hoặc nền tảng khác như WordPress và Drupal cũng.

Vải

Fabrica là một bộ sưu tập các công cụ để phát triển WordPress từ đầu đến cuối. Fabrica sử dụng Docker để chạy nhanh và thiết lập môi trường phát triển và sử dụng WordMove cho việc triển khai.

Khàn khàn

Husky là một Mô-đun nút cho phép chúng tôi chạy githooks như Cam kết trước, nhận trước, và sau khi nhận.

Bản đồ dễ dàng

EasyMap làm cho nó hoàn toàn dễ dàng kết xuất và thêm điểm đánh dấu trong Google Maps. Chỉ cần thêm khóa API Google Maps của bạn và cung cấp địa chỉ vị trí trên Định dạng JSON và bạn đã hoàn thành.

Wappalyzer

Một tiện dụng Tiện ích mở rộng của Chrome để xem công cụ, máy chủ và thư viện nào mà trang web đang sử dụng. Từ công cụ này, tôi đã tìm ra rằng vẫn còn rất nhiều trang web phổ biến sử dụng jQuery, ngay cả một cái như Github.

Hướng dẫn Bash

Hướng dẫn Bash, như tên của nó, là một hướng dẫn tiện dụng cho các dòng lệnh cơ bản. Một tài nguyên tuyệt vời cho các nhà phát triển web mới bắt đầu với Thiết bị đầu cuối và dòng lệnh.

Chroma.js

Chroma.js là Thư viện JavaScript để thao tác màu sắc. Nó hỗ trợ nhiều định dạng màu bao gồm HEX, RGB và RGBA. Trên hết, bạn cũng có thể Thao tác màu sắc bằng độ sáng, độ tương phản và độ bão hòa.