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

Các nhà phát triển web may mắn có các công cụ và tài nguyên miễn phí được tìm thấy trực tuyến, được chúng tôi thu thập một cách cẩn thận trong loạt Tài nguyên mới mỗi tháng. Nếu bạn bỏ lỡ đợt tháng trước, hãy xem lại tại đây hoặc xem phần còn lại của các tài nguyên mới được biên soạn vào đầu năm.

Đối với đợt phát hành tháng 7 năm 2015, chúng tôi đang phát triển các công cụ và tài nguyên mới để hỗ trợ các tác vụ của bạn, từ các plugin WordPress cho phép bạn triển khai các cập nhật plugin riêng tư vào thư viện JavaScript để thêm hình ảnh động hấp dẫn.

Aladdin

Plugin này bổ sung thêm chức năng cho quản trị WordPress, tương tự như OS X Spotlight. Với nó, bạn có thể truy cập nhanh các tệp và thư mục trong máy Mac. Sau khi cài đặt, nhấn Shift hai lần, sau đó nhập những gì bạn muốn truy cập. Nó làm cho quản trị WordPress dễ truy cập hơn với việc sử dụng bàn phím.

CSS trang web gốc

SiteOrigin CSS là một plugin WordPress mạnh mẽ để tùy chỉnh bất kỳ giao diện chủ đề nào trong thời gian thực. Plugin thêm một bảng điều khiển mới bên dưới Giao diện> CSS tùy chỉnh thực đơn. Trong đó, bạn có thể viết các quy tắc CSS tùy chỉnh để ghi đè CSS của chủ đề bạn đang sử dụng hoặc bạn cũng có thể sử dụng bảng GUI để thêm các quy tắc CSS theo trực giác.

Động lực học

DynmaicJS là một thư viện để áp dụng hoạt hình dựa trên vật lý. Tôi không phải là chuyên gia Vật lý nhưng các ví dụ ở đây trong menu này trông rất tuyệt. Nó có thể làm động các phần tử HTML và SVG, và nó cung cấp cho bạn hiệu suất nhanh mà không phụ thuộc. DynamicJS đã được thử nghiệm trên Safari 7+, Firefox 35+, Chrome 34+ và IE10+.

Chế độ máy bay

Plugin này sẽ ngăn một số yêu cầu HTTP bên ngoài của WordPress như Google Fonts, Gravatar và trình cập nhật WordPress cố gắng kết nối với các plugin và kho chủ đề để cập nhật. Đây là một plugin hữu ích cho phát triển cục bộ để ngăn chặn các lỗi xảy ra khi các cuộc gọi này thất bại (điều này thường xảy ra khi bạn đang phát triển cục bộ trong Internet đặc biệt chậm).

Coverr

Một bộ sưu tập các video tuyệt vời cho tiêu đề trang web của bạn. Tất cả các video đều miễn phí, được cấp phép theo Tên miền công cộng. Đừng quên kiểm tra “Cách sử dụng” phần để tìm hiểu cách thêm video vào trang web của bạn.

VibrantJS

VibrantJS lấy màu sắc nổi bật từ một hình ảnh. Nó cũng hiển thị một vài API cho phép bạn xử lý màu thu được, chẳng hạn như chuyển đổi định dạng màu và quyết định bố cục thích hợp cho nền và văn bản. Bạn có thể sử dụng nó để cải thiện giao diện trang web của mình với việc tạo màu động, sử dụng màu làm hình ảnh giữ chỗ khi hình ảnh chưa được tải đầy đủ hoặc tạo một ứng dụng web để tạo một mẫu màu.

GradifyCSS

Thư viện này lấy hai màu nổi bật và tạo độ dốc CSS trong số các màu thu được. Tương tự như VibrantJS, Bạn có thể áp dụng gradient làm trình giữ chỗ hình ảnh khi hình ảnh không được tải đầy đủ hoặc dưới dạng màu lớp phủ.

Thanh lọc

PurifyCSS dọn sạch các quy tắc CSS không sử dụng ra khỏi biểu định kiểu của bạn. Bạn có thể sử dụng điều này để cắt giảm kích thước biểu định kiểu của các khung lớn như Bootstrap và Foundation tới 40%. PurifyCSS có sẵn dưới dạng plugin Grunt và Gulp.

Tiêu đề vốn cho WordPress

Cái tên đã nói lên tất cả. Plugin WordPress này sẽ biến tiêu đề cũng như các tiêu đề trong nội dung thành viết hoa đúng khi lưu hoặc xuất bản bài đăng và trang. Tôi thấy plugin này hữu ích cho các trang web có nhiều tác giả để duy trì tính nhất quán cho nội dung trang web của họ.

Trình cập nhật GitHub

Plugin này cho phép người dùng cài đặt và tự động cập nhật Các plugin WordPress được lưu trữ trong GitHub. Mặc dù tên, plugin cũng hỗ trợ Bitbucket và GitLab, bao gồm một trong một kho lưu trữ riêng. Đây là một plugin hữu ích cho các nhà phát triển phát triển và phân phối các plugin hoặc chủ đề của họ chỉ dành riêng cho khách hàng của họ.

Mã ví dụ

Một tập hợp các ví dụ mã từ Nhóm đánh giá chủ đề WordPress. Hiện tại, ví dụ này bao gồm các mã để xây dựng các thành phần Tùy biến chủ đề bằng cách sử dụng API Tùy biến bao gồm để tạo Phần, Cài đặt và Bảng điều khiển. Thêm mã ví dụ về các thực tiễn tốt nhất được thêm vào trong tương lai.