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

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

    Chúng tôi đang mở rộng danh sách cho phiên bản giữa năm. Phần này có một vài CLI (và đây là bài viết của chúng tôi về lý do tại sao bạn nên tìm hiểu dòng lệnh), một vài ứng dụng trên máy tính để làm việc và giải trí, và một số thư viện CSS và JavaScript. Cũng bao gồm đọc tài liệu, tài liệu tham khảo và hướng dẫn về các thực tiễn tốt nhất mà bạn nên xem, đánh dấu và có thể đọc một ngày.

    Tôi sẽ không làm hỏng phần còn lại của danh sách để bạn đi. Để biết thêm tài nguyên mới, bấm vào đây.

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

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

    Giấy chứng nhận

    Giấy chứng nhận cung cấp một cách thuận tiện hơn để triển khai các chứng chỉ từ Let Encrypt. Nó cung cấp một tập hợp các dòng lệnh hỗ trợ cho nhiều cấu hình máy chủ như Apache, NGINX và Plesk. Nói về điều đó, Let Encrypt là một nỗ lực chung để làm cho Web an toàn hơn bằng cách cung cấp Chứng chỉ SSL miễn phí. Nó hiện đang được sử dụng trong hơn 3 triệu trang web.

    Mononoki

    Mononoki là một phông chữ được thiết kế đặc biệt để hiển thị mã. Mononoki có sẵn dưới dạng phông chữ có thể cài đặt (.ttf) và phông chữ web (.eot, và .woff). Nó là một thay thế mới cho cổ điển đơn hình như Monaco, Menlo và Chuyển phát nhanh.

    BideoJS

    Hiển thị video tự động phát toàn trang trên trang chủ dường như là một xu hướng tăng. BideoJS là một thư viện JavaScript cho phép bạn thực hiện chính xác điều đó với ít rào cản hơn. Nó nhẹ, đáp ứng và có thể được cấu hình để phù hợp với nhu cầu của bạn.

    Thanh lọc CSS

    Thanh lọc CSS là một tập hợp các tài liệu tham khảo, bài viết và thống kê cho CSS. Một thông tin tài nguyên như thế này có thể giúp bạn đưa ra quyết định sáng suốt về phương pháp, công cụ và khung công tác CSS nào bạn muốn áp dụng trong dự án của mình.

    Mailgen

    Mailgen là một mô-đun Node để tạo một email HTML phản hồi đơn giản, đẹp mắt. Một số tùy chọn được cung cấp, cho phép bạn tùy chỉnh hầu hết mọi khu vực của email. Bạn có thể đặt email “chủ đề”, tiêu đề email và “Kêu gọi hành động” nút. Nó cũng có thể được tích hợp vào máy tính để bàn hoặc ứng dụng web dựa trên Node của bạn.

    Trang trí

    Trang trí là một IDE để xây dựng một ứng dụng di động sử dụng sáng kiến ​​React Native của Facebook. Hãy nghĩ về Deco như XCode hoặc Visual Studio nơi bạn có thể xây dựng một ứng dụng với giao diện người dùng thân thiện với người dùng bằng cách sử dụng kéo và thả, thanh trượt và bộ chọn màu.

    Kẻ nói dối IE8

    Internet Explorer 8 (IE8) là một trình duyệt cổ không hỗ trợ các công nghệ Web hiện đại như CSS3 Animations, Transforms, Transitions và hầu hết các yếu tố HTML5 mà không có polyfill. Nguyên tắc DRY là một công cụ mà chúng ta có thể sử dụng để quét các trang web để tương thích với IE8. Nó cung cấp các báo cáo và giải pháp.

    Caprine

    Caprine là một ứng dụng Facebook Messenger không chính thức. Nó được xây dựng dựa trên Node.js và Electron, cho phép nó trở thành một ứng dụng đa nền tảng; nó có sẵn trong OS X, Windows và Linux. Ngoài ra còn có hai màu, Tối và Sáng..

    Bộ Photon

    Bộ Photon là một khung để bắt đầu một ứng dụng mới với Electron. Giống như Bootstrap, Foundation và những thứ tương tự, Photon đi kèm với một số Thành phần cho phép bạn xây dựng các thành phần UI phổ biến trong một ứng dụng như các nút, thanh công cụ và thanh bên.

    Ứng dụng Yeoman

    Ứng dụng Yeoman là một ứng dụng máy tính để bàn tạo ra các bản mẫu, khung và giàn giáo dự án từ Yeoman. Nó là một lựa chọn tốt cho những người không thoải mái khi làm việc thông qua Terminal và các dòng lệnh.

    SQLectron

    SQLectron là một máy khách SQL để cho phép bạn xem và thực hiện một số thao tác SQL thuận tiện hơn. Nó hỗ trợ MySQL, PostgreSQL và Microsoft SQL Server. SQLectron có sẵn cho OS X, Windows và Linux.

    SCSS gia đình

    FamilySCSS là một tập hợp các mixin giúp chọn các phần tử với : con thứ trực quan hơn. Các mixin là khai báo. Chẳng hạn, bạn có thể viết @ bao gồm đầu tiên (3) để chọn ba phần tử con đầu tiên và viết @ bao gồm giữa (2, 4) để chọn các phần tử con thứ 2 đến thứ 4.

    EasyEngine

    EasyEngine là một tập hợp các dòng lệnh cho phép bạn định cấu hình WordPress của mình bằng các công cụ và mô-đun như Redis, bộ đệm ẩn và PageSpeed. Nó giúp thiết lập máy chủ WordPress để tăng tốc.

    Phinx

    Phinx là một mô-đun PHP để quản lý và di chuyển cơ sở dữ liệu. Nó đi kèm với Classes và Command Line cho phép bạn chạy hầu hết mọi hoạt động cơ sở dữ liệu như Viết, Tải xuống và Tải lên. Phinx Docs là một tài liệu tham khảo hữu ích để giúp bạn bắt đầu.

    RichCSS

    RichCSS là một khung CSS cung cấp một cấu trúc lành mạnh. Khung này sắp xếp gọn gàng các thư mục, thư mục và các lớp theo cách pro-DRY cho phép nó có thể được sử dụng lại. Ngoài các nút, danh sách và biểu mẫu, RichCSS cũng đi kèm với CLI của riêng bạn mà bạn có thể sử dụng để bắt đầu một dự án Rich mới như Bower, Git và NPM.

    Tự do

    Tự do là một bộ sưu tập các thành phần web phổ biến. Bộ sưu tập hiện bao gồm Accordion, Dialog Modal, Offcanvas, Tooltip, Tab, với một vài thứ nữa sẽ đến trong phiên bản tiếp theo. Frend có thể là một sự thay thế tốt cho UI UI.

    FLA

    Đây là một khung toàn diện để xây dựng bố cục lưới đáp ứng với Flexbox.

    PHP đúng cách

    PHP là một ngôn ngữ lập trình dễ học, nhưng bạn cũng có thể dễ dàng gặp trục trặc với các mã và điều này cuối cùng có thể làm tổn hại đến hiệu suất và bảo mật trang web của bạn. PHP đúng cách là một tài liệu tham khảo sâu rộng để tìm hiểu các thực tiễn tốt nhất trong PHP.

    Khả năng bắt đầu

    Khả năng bắt đầu là một thư viện CSS để xây dựng một hệ thống xếp hạng sao với phản hồi hoạt hình lạ mắt. Xếp hạng sao được xây dựng với khả năng tiếp cận trong tâm trí; bạn có thể điều hướng qua và gán sao qua bàn phím.

    Chờ một chút

    Chờ một chút là một công cụ web tiện dụng để tính toán một “tạm ngừng” thời gian trong một hình ảnh động CSS duy nhất @keyframe. Các “tạm ngừng”, khi được thực hiện đúng, có thể biến hoạt hình hấp dẫn hơn - đây là một số ví dụ.