今天給大家來一波實用的設計和開發類的幹貨素材合集吧!這次的合集依然是更加偏重開發和前端同學的需求,有一些頗為有趣的桌麵應用程序,一些非常方便的 Web 應用,以及一些實用性很強的 JavaScript 庫。
UsesTech
這是一個麵向看開發者、設計師、博客作者、Youtuber 和 播客主播的實用工具、軟件合集。你可以根據工具的國家/地區、編程語言等進行排序和篩選。這是一套能找到靈感和建議的實用合集。
Plash
這是一個 macOS 平台的應用,它可以將任何網站設置成為你的桌麵壁紙。你可以讓網站的內容訂閱和摘要作為背景顯示,並且搭配一張漂亮的壁紙,也可以是一張 GIF 圖片等等等等。
Alpine.js
Alpine.js 是一個非常小巧的 JavaScript 庫,它可以向你的網站添加動態行為。使用 Alpine.js 可以非常便捷地將諸如 x-data、xbind、x-on 和 x-model 添加到你的現有的 HTML 標記當中,無需設置搭建環境和編譯器。它可以很好的替代 React.js 和 Vue.js 所提供的方法。
Vivus
這是一個用來創建 SVG 格式動畫的 JS 庫,Vivus 非常易用,它提供了名為 Vivus Instant 的文件,便於你往其中上傳 SVG 文件,生成 SVG 動畫。
GistPad
GistPad 是給 Visual Studio Code 所準備的拓展,它可以讓你管理 Github Gist,最新版還包含一個 Playground 新功能,類似 CodePen.io 和 JSBin,因此你可以添加 HTML、CSS、JS ,並且可以在 Visual Studio Code 中立即看到結果。
Shadows
這是一個可以生成多層陰影的便捷的 Web 應用,你可以決定要添加多少層,用什麼顏色,搭配什麼效果。然後,你可以將自動生成的CSS代碼複製出來使用。
Responsive Breakpoints
顧名思義,這是一個可以幫你生成響應式斷點的工具,他可以將圖片處理成為最適合展示的尺寸。此外,它還提供了一些選項,讓你可以在其中配置窗口大小範圍,圖片尺寸比例,生成 HTML 以顯示圖片。
Browserosaurus
這是一款可以往鏈接上添加包含選區的上下文菜單的 macOS 平台的應用。
massCode
這是一個可以用來管理代碼片段的桌麵級引用,它可以將編寫好的代碼片段和示例,整齊地分類。massCode 可以用於 Windows、macOS 和 Linux 三個平台。
XI-Editor
XI-Editor 是一款創建文本編輯器的準係統,它可以為開發者提供可靠、可拓展的服務,並且確保性能。它目前已經投放在 macOS 平台,以及帶有 GTK+ 的 Linux 和 Windows 係統上。
React Contenteditable
React Contenteditable 為 React.js 提供一個可編輯組件的區域,你可以在這當中可以添加按鈕、添加粗體、斜體和超鏈接,是你創建所見即所得的編輯器的理想基底。
Outline
這是一款有著足夠現代功能的自托管 Wiki Web 應用,它是基於當下流行的 React.js、Node.js、Postgres、Redis等工具來建立,使用 AWS 來存儲,並且整體外觀也足夠現代。你可以用它創建團隊 Wiki,文檔係統,會議記錄以及著陸頁。
Crater
Crater 是一款使用 PHP 構建的用戶管理發票的 Web 應用,它不僅可以幫你創建發票,發布采購訂單,還可以管理客戶等。如果你想充分管理你的發票和數據,那麼它是一個合理的選擇。
Directus
Directus 是一款無頭 CMS,讓你可以為幾乎任何類型的內容(新聞、用戶信息、產品等)添加自定義的字段。你可以選擇使用任何語言或者工具,通過 RESTful 或者 GraphQL 來調用 API中的內容。
Craft.js
Craft.js 是一個基於 React 框架、用來構建豐富內容的拖放式頁麵編輯器,它提供了基礎的拖放式交互係統,並且提供了渲染、刷新和移動的組件。使用 Craft.js 來構建你的編輯器,它是理想的框架。
Devilbox
Devibox 是一款用來支撐本地開發的完整的堆棧,它為你提供你所需要的絕大多數的服務,比如 Apache、Nginx、MySQL、PHP、MailHog 等等。
Magic.css
Magic.css 是一個平滑的CSS動畫的合集。在它的幫助下,你可以向網站添加動畫,就像往 HTML 當中添加類名稱一樣方便。你可以使用 NPM、Yarn 來安裝 Magic.css,並且將它與 JavaScript 和 jQuery 混用。
Kutt
Kutt 是一個短鏈接 Web 應用,它支持自定義域,並且提供立即可用的統計信息功能。它使用的是 Node.js 、Prosgress 和 Redis 來構建的。你可以將它托管到你自己的服務器當中。
來源:優設網
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答體驗遊戲原畫的魅力,理解原畫設計的重要性,掌握原畫製作的技藝。在火星時代教育孕育出你的設計靈感,引領遊戲原畫新潮流。
本文根據教學質量、市場反饋等多重因素,推薦了頂級的遊戲原畫設計速成班排行,為你拓寬學習路徑,並深入解析火星時代教育在該領域的地......
一篇詳細的引導,全麵解讀如何通過學習和實踐,最終成為一名遊戲特效師。
火星時代的3DMax角色建模課程將帶領你走進华体会hth体育app在线登录 世界。不論是初學者或是有經驗的設計師,我們將帶你提升建模技巧並且向你展示如......
尋找最佳的遊戲原畫插畫培訓機構無疑是進入遊戲行業必不可少的一步。本文將為您介紹在這方麵的一些頂級選項,並重點推薦火星時代教育,......
火星時代教育3DMax影視人物模型培訓課程將開啟你的3D創作之路,領先的教育模式,專業的師資隊伍,讓你的創作夢想照進現實。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!