Trang chủ » Thiết kế web » Tài nguyên mới cho các nhà thiết kế và phát triển web (tháng 12 năm 2017)

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

    “CMS không đầu” đang được chú ý nhiều trong những ngày này. Tóm lại, “CMS không đầu” không đối phó với mặt trước; chỉ CMS phơi bày nội dung thông thường trong một dạng API RESTful trong khi các nhà phát triển có thể sử dụng bất cứ thứ gì họ thích để hiển thị nội dung. Với sự phổ biến ngày càng tăng của thực hành này, các khung mới phát sinh để thiết lập và chạy nhanh.

    Vì vậy, trong vòng này, tôi đã kết hợp một vài trong số các khung này cùng với một số công cụ hữu ích khác đáng để kiểm tra.

    Khởi đầu WP không đầu

    Đây là một chủ đề khởi động WordPress nhưng không giống như các chủ đề khác, chủ đề khởi động này tận dụng WP-API để lấy nội dung và sau đó kết xuất nó thành HTML tĩnh sử dụng Node và React làm cho trang web của bạn “không đầu”.

    VueStoreFront

    VueStoreFront là một “CMS không đầu” khung. Được xây dựng trên đỉnh Vue.js và Node, VueStoreFront và được thiết kế cho các nền tảng thương mại điện tử như Magento, Prestashop và Shopware thông qua các API. Nó cũng kết hợp phương pháp PWA cho phép trang web có thể sử dụng được ngoại tuyến.

    GatsbyJS

    Gatsby là một trang web máy phát tĩnh được xây dựng với React.js. Bạn có thể sử dụng CMS với API như WordPress, Markdown, JSON để cung cấp nội dung. Tương tự, nó sử dụng một số công nghệ gần đây như Nút, PWA và React cho phép nó tải cực nhanh.

    DustPress

    DustPress là một Chủ đề khởi đầu WordPress với phương pháp phát triển hiện đại. Tận dụng ngôn ngữ mẫu Dust.js, DustPress tách biệt bố cục mẫu HTML khỏi logic PHP cho phép các nhà phát triển tạo ra một mã sạch hơn nhiều. Nó cũng làm phát triển nhanh hơn, dễ bảo trì hơn và tạo cho chủ đề một cấu trúc có tổ chức.

    Biểu tượng VSCode

    Visual Studio Code đã nhanh chóng trở thành một trong những trình soạn thảo mã phổ biến nhất. Nó là nhẹ, có nhiều plugin và giờ đây nó có nhiều lựa chọn các biểu tượng khác nhau. Nếu bạn cảm thấy biểu tượng Visual Studio Code mặc định là nhàm chán, hãy chuyển sang bất kỳ biểu tượng nào trong số những biểu tượng này.

    TailWindCSS

    TailWindCSS là một khung CSS khác. Nhưng nó khác với khung CSS phổ biến như Bootstrap và Foundation theo cách nó không cung cấp các thành phần UI. Thay thế, TailWindCSS đi kèm với các lớp CSS nhỏ cho phép bạn soạn UI của riêng mình.

    Traefik

    Tôi đã thử nghiệm với Docker và đã tự hỏi làm thế nào để định tuyến tên miền đến một số container khác nhau trên một máy. Sau đó tôi tìm thấy Traefik, một bộ cân bằng và tải ngược HTTP hiện đại. Ngoài Docker, nó cũng hỗ trợ các dịch vụ khác như Kubernetes, Rancher và Amazon Elastic Container.

    CubeUI

    Được xây dựng trên đỉnh Vue.js, CubeUI là một thành phần UI tuyệt vời để xây dựng các ứng dụng di động. Bao gồm rất nhiều thành phần như Nút, Popup, TimePicker, Slide và Checkbox. Mỗi thành phần được dập tắt bằng TestUnit đảm bảo tích hợp liên tục và cả giảm thiểu lỗi trên từng thành phần.

    Không khí

    Air là chủ đề khởi đầu WordPress tối thiểu. Mở rộng _s, Air bổ sung một số thành phần bổ sung như Các slide, Thanh điều hướng dính và WooC Commerce đã sẵn sàng.

    EmptyStates

    EmptyStates là một bộ sưu tập các trang trạng thái trống trên web và ứng dụng di động cho cảm hứng. Trang trạng thái trống là loại trang thường bị bỏ qua.

    Thiết kế lối tắt

    Trang web này cung cấp một bộ sưu tập các phím tắt của ứng dụng thông báo và các công cụ được sử dụng bởi các nhà phát triển và thiết kế. Tại đây, bạn sẽ tìm thấy các phím tắt cho Phác thảo, Photoshop, InDesign, Văn bản tuyệt vời, WordPress và nhiều hơn nữa sắp tới. Các danh sách hiện chỉ chứa các phím tắt cho macOS, nhưng thật tuyệt khi thấy các phím tắt Windows cũng được thêm vào.

    Uppy

    Uppy là một Các khung JavaScript để xây dựng giao diện tải lên tệp. Với Uppy, bạn có thể truy xuất các tệp, không chỉ từ ổ đĩa cục bộ mà còn từ dịch vụ lưu trữ ngoài như Google Drive, Dropbox, Instagram và các dịch vụ khác. nó là nhẹ, mô-đun và mở rộng với các plugin tùy chỉnh.

    VuetifyJS

    VuetifyJS là một sáng kiến ​​từ John Leider đến xây dựng Thiết kế Vật liệu xung quanh Vue.js. Google có sáng kiến ​​tương tự với MDL hoặc Material Design Lite, nhưng dường như không có đủ lực kéo trong cộng đồng và sự phát triển dường như tiến triển rất chậm trong vài tháng qua. Vì vậy, nếu bạn đang tìm kiếm một giải pháp thay thế, VuetifyJS có thể là lựa chọn phù hợp.

    WP ULike

    WP Ulike là một Thêm plugin WordPress “Như” nội dung của bạn cho dù trong loại bài đăng WordPress tích hợp, loại bài đăng tùy chỉnh và bbPress cũng như BuddyPress. Nó cũng đi kèm với một số tính năng thú vị khác như Hệ thống thông báo, phân tích và widget mà làm cho nó một trong những hấp dẫn nhất “Như” hệ thống cho trang web WordPress của bạn.

    Xác thực Vee

    Xác thực Vee là một thư viện JavaScript để thêm trường đầu vào với xác nhận tích hợp. Nó hỗ trợ nhiều loại đầu vào như Email, Số, Ngày, URL, địa chỉ IP, v.v..

    Bảng dữ liệu Vue

    Một plugin Vue.js tiện dụng khác. VueDataTables là một plugin đơn giản để xây dựng bảng có thể tùy chỉnh và phân trang với Vue.js. Plugin được xây dựng với quy mô trong tâm trí rằng nó có thể hiển thị dữ liệu lớn trên bàn một cách hoàn hảo. Nó cũng được vận chuyển với Một số thành phần bổ sung để tăng sức mạnh cho bảng của bạn như Phân trang, Hộp tìm kiếm và Bộ lọc.

    Nhân viên của Google

    Nhân viên của Google là một CLI cho phép bạn thực hiện tìm kiếm trong Google thông qua các dòng lệnh. Tương tự như giao diện, nó cũng sẽ lấy tiêu đề, mô tả, URL và phân trang. Đây là công cụ tiện dụng cho người dùng năng lượng macOS và Linux.

    Bolt CMS

    Bolt là CMS được xây dựng với PHP. Nó là cài đặt nhanh, sử dụng Twig làm công cụ tạo khuôn mẫu, hỗ trợ đầy đủ PHP7, dễ dàng tùy chỉnh thông qua một tệp YAML đơn giản. Nhìn chung, nó có vẻ thú vị đối với tôi; Tôi chắc chắn sẽ dành thời gian để khám phá nó thêm khi nào tôi có cơ hội.

    Teletype

    Teletype là một sáng kiến ​​mới từ Trình soạn thảo nguyên tử. Tính năng mới này cho phép bạn hợp tác với các đồng nghiệp của bạn về viết mã. Để sử dụng nó, bạn sẽ cần cài đặt plugin Teletype chính thức.

    Tua-bin

    Plyr (phát âm là Player) là một thư viện trình phát đa phương tiện hiện đại với kích thước chỉ 10kb. Với điều này, bạn sẽ có thể tùy chỉnh trình phát video và âm thanh HTML, Youtube và Vimeo và phương tiện truyền phát trực tiếp. Đó là sự phát triển tích cực với nhiều kế hoạch hơn các tính năng được thêm hỗ trợ cho video nhúng của Wistia và Facebook.