Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 7 năm 2016)
Phần này đi kèm với một loạt các nguồn tài nguyên một lần nữa. Chúng tôi có các nguồn để truyền cảm hứng cho thiết kế trang đích tiếp theo của bạn, hai cách để các lập trình viên làm mờ các hiệu ứng của màn hình sáng chói, một plugin để xây dựng bố cục web bằng cách kéo và thả, một plugin jQuery để tăng tốc cho trình chọn ngày của bạn và nhiều JavaScript thư viện để giúp đỡ các nhà phát triển.
Cũng bao gồm các tài nguyên trên HTTP2, thuật ngữ chính tả, xây dựng các trang web sẵn sàng truy cập và công cụ tìm kiếm cho cú pháp ngôn ngữ lập trình. Hãy kiểm tra chúng.
Bấm để biết thêm tài nguyênBấ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ó.
Hạ cánh Folio
Landing folio là một nơi trung tâm nơi bạn có thể tìm thấy các ví dụ về thiết kế trang đích. Có hàng trăm ví dụ trên trang web và bạn có thể hoàn thiện danh sách dựa trên danh mục của họ. Đây là một đánh dấu chắc chắn giá trị cho các nhà thiết kế web.
Truy vấn nguyên tố
Một JavaScript cho phép bạn thực hiện Truy vấn phần tử. Truy vấn phần tử được ký hiệu là @thành phần
và không giống như, @phương tiện truyền thông
, @thành phần
nhận thức được nhiều điều kiện vượt ra ngoài “Chiều cao” và “chiều rộng”. Ví dụ, bạn có thể áp dụng các kiểu dựa trên số ký tự có trong phần tử.
HTTP2
HTTP2 là đặc tả mới nhất của HTTP với những thay đổi quan trọng. Nó hứa hẹn cho hiệu suất tốt hơn và truyền dữ liệu hiệu quả. Trong tài nguyên này, bạn có thể tìm thấy những thay đổi này (rất chi tiết), tác động của nó đến bảo mật, tốc độ và trải nghiệm người dùng.
Yếu tố
Yếu tố là một plugin WordPress cho phép bạn xây dựng bố cục web bằng tính năng kéo-thả. Với Elementor, bạn có thể xây dựng một bố cục hấp dẫn hơn. Nó là đáp ứng, hoàn toàn tùy biến và thân thiện với người dùng.
Máy chấm công
Plugin này được trang bị một vài hình ảnh động giúp việc chọn ngày trên web hấp dẫn hơn. Ngoài ra, các tùy chọn có sẵn để thay đổi giao diện UI. Nó là một plugin jQuery dành cho những người chọn ngày fancier.
Cú pháp
Một công cụ tìm kiếm để tìm kiếm cú pháp ngôn ngữ lập trình. Nó hiện hỗ trợ một số ngôn ngữ, bao gồm Java, C, Ruby, JavaScript và Python. Đây có thể là công cụ tìm kiếm cuối cùng cho các nhà phát triển khi cơ sở dữ liệu và hỗ trợ ngôn ngữ phát triển.
Giao diện người dùng tối
Giao diện người dùng tối là một chủ đề màu tối hơn cho Github.com. Đây có thể là một bảng màu thay thế tốt, nếu bạn làm việc trong môi trường mờ hoặc phải nhìn chằm chằm vào màn hình trong thời gian dài.
Kính hiển vi
Thay vì làm nổi bật mã với các màu khác nhau, như bạn có thể thấy bên dưới, Microlight tạo mã “phát sáng”. Một thư viện JavaScript làm nổi bật mã - theo nghĩa đen.
BarbaJS
BarbaJS là một thư viện JavaScript cho phép chuyển đổi trang trơn tru thông qua API / PushState Lịch sử JavaScript. Plugin này đi kèm với Phương thức, Sự kiện tùy chỉnh và một số API để mang lại trải nghiệm mượt mà hơn cho các trang trên trang web của bạn. Dưới đây là một số ví dụ.
TypeTerms
Bao giờ tự hỏi có gì khác nhau giữa “khoảng cách chữ” và “k sâu” Là? TypeTerms là một bản trình bày tương tác nơi bạn có thể tìm hiểu các thuật ngữ chính tả khó hiểu này.
Đậu bơ
Đậu bơ là một plugin mới và tinh vi để xây dựng Meta Box trong WordPress. Nó được phát triển theo kiến trúc API tùy biến WordPress hiện đại. Nó làm cho việc xây dựng giao diện người dùng quản trị WordPress đặc biệt này trở nên thanh lịch hơn.
Kiểm tra chủ đề trẻ em
Một plugin WordPress để kiểm tra Chủ đề con của bạn so với chủ đề gốc; nó sẽ kiểm tra xem các tập tin mà Theme trẻ em dựa vào có được cập nhật hay không.
Giao diện người dùng CloudFlare
Giao diện người dùng CloudFlare là một bộ sưu tập các thành phần UI được xây dựng dựa trên React. Xem xét mức độ phổ biến của React đang tăng lên, có thể có một số khung UI tương tự ngoài kia.
Lerna
Phải quản lý nhiều gói và kho lưu trữ trong một dự án lớn là không thể tránh khỏi. Công cụ này cho phép bạn xử lý tình huống cụ thể này và cuối cùng hợp lý hóa quy trình làm việc của bạn.
Thư giãn
Thư giãn là một thư viện JavaScript để giúp giảm việc sử dụng CPU. Nó cung cấp một tập hợp các hàm có thể được sử dụng thay cho các hàm bản địa JavaScript. Nó có thể được triển khai trên một trang web thông thường hoặc không có ứng dụng dựa trên Node.js.
Kiểu chữ GEL
Kiểu chữ GEL là hướng dẫn phong cách typographic của BBC. Một nguồn tài nguyên và cảm hứng tuyệt vời về cách bạn có thể tiêu chuẩn hóa các kiểu chữ của bạn.
Mẫu MIND
Mô hình MIND là một hướng dẫn thực tế để xây dựng một trang web thương mại điện tử có thể truy cập. Nó cung cấp các hướng dẫn về cách xây dựng HTML, sử dụng nhãn ARIA và soạn các kiểu CSS thân thiện với người dùng cho người dùng khuyết tật.
Tính đặc hiệu CSS
Một bộ sưu tập các hình minh họa mô tả cách thức Tính đặc hiệu của CSS.
Đào CSS
Một tiện ích mở rộng Chrome giúp bạn tối ưu hóa CSS. Nó sẽ xóa trang của bạn và cung cấp báo cáo, danh sách các thuộc tính được sử dụng như màu sắc.
Mẫu Stash
Một bộ sưu tập các mẫu được chọn thủ công, nơi bạn có thể tìm thấy nhiều loại mẫu bao gồm các mẫu HTML5, WordPress, Ghost, Bootstrap và Thương mại điện tử.