Moqups 網頁使用者介面原型設計工具 是一款以HTML5撰寫用來設計WEB框架、模型框線或是UI概念的線上服務,它內建了超過60套手繪的SVG模板及特性 ! Moqups的所有物件皆已模組化,使用者只需要自由拉動拖曳組合排列,即可完成一款精緻的線框UI設計圖。Moqups是一個HTML5網頁App,可在最新版Chrome、Firefox與Safari上順暢使用。
Crisp, ready-to-use Stencils for all popular use-cases
Drag and drop elements - quickly and easily - from a comprehensive library of widgets and smart-shapes.
Select from a range of integrated stencil kits for both mobile-app and web design - including iOS, Android, and Bootstrap.
Built-in library with thousands of popular Icon Sets
Choose from Font Awesome, Material Design, and Hawcons - right at your fingertips.
Update icons with intelligent drag-and-drop replacement that preserves size, position and style.
Drag and drop to import Images from your desktop or apps
Upload ready-made designs, and quickly convert them into interactive prototypes.
Make multiple versions of the same image with non-destructive cropping.
Extensive range of Fonts and styling options
Select from hundreds of font choices with integrated Google Fonts.
Fine-tune the text to match your designs with advanced typography controls.
Fast, intuitive, and precise Object Editing
Resize, rotate, align and style objects - or transform multiple objects and groups - with smart and dynamic tools.
Bulk-edit, rename, lock, and group elements. Undo or redo on multiple levels. Quickly identify objects, navigate through nested groups, and toggle visibility - all within the Outline Panel.
Make precision adjustments with grids, rulers, custom-guides, snap-to-grid, and quick-alignment tools. Scale, without loss of quality, with vectorial zooming.
Powerful, flexible, and scalable Page Management
Handle projects of any size or complexity with powerful Page Management tools. Drag and drop pages to quickly reorder them - or organize them within folders.
Search and navigate through complex folder hierarchies with our Pages Panel. Hide pages or folders - that aren’t quite ready for primetime - with a simple click of the mouse.
Save time by leveraging Master Pages, and automatically apply any changes to all associated pages.
使用介面&影片教學
PaintCode 設計師和開發者愛不釋手的向量繪圖應用程式
快速將設計圖轉換為程式碼 - 新版支持 JavaScript 和 Andriod
PixelCut 公司開發的產品 PaintCode 3 是一款基於向量的熱門繪圖軟體工具,PaintCode 向量繪圖應用程式能將圖檔快速轉換為程式碼,成為開發者和平面設計師之間的橋樑。新版本引入了用 Java 程式語言編寫支持Android,以及採用 JavaScript 和 HTML 畫布的 Web。
使用者能將 PaintCode 圖形匯出為iOS,MacOS,Android 和 Web 四個主要平台的程式碼,PaintCode軟體為建立參數繪圖提供最佳解決方案。新版軟體支持 JavaScript 和 Android,創造出令人驚艷的使用者介面,比以前更簡單更快速。PaintCode 3 新版還增加了對 Swift 3 的支持,Swift 3 是時下流行的 Apple 程式語言。
PaintCode 工具讓設計師可以選擇匯入多種檔案格式 PDF、SVG、PSD、AI 和 EPS 檔,快速將設計檔轉換為程式碼,可以選擇轉換成 Swift、Objective-C、Java、C#、JavaScript 或 SVG 程式碼, 並且快速將程式碼直接應用在 iOS、MacOS、Android 和 Web 上,特別適合需處理介面設計的設計師和開發者。
Why should you use PaintCode?
Resolution independence
Avoid the @1x, @2x and @3x image resolution hell. Draw your user interface with resolution independent code generated by PaintCode.
Parametric Drawings
Use variables and expressions to control the color, position, rotation, visibility and other attributes of your shapes.
Faster Workflow
All your PaintCode drawings are exported into a single code file called StyleKit. Re-export StyleKit at any time and see all the updated drawings right in your app.
更新介紹
Android
Finally, the droid you have been looking for!
Use PaintCode to turn your drawings into easy-to-use Android Java code. Perfect for drawing icons and custom UI elements.
You can even make your drawings animated or parametric.
Swift 5.0
PaintCode 3 added support for Swift 3, 4, and 5, fully compatible with Xcode 10, iOS 12, and macOS Mojave.
By carefully analyzing the Swift compiler and tailoring the generated code to it, we were able to improve the compilation speed by more than 150x in many common cases.
JavaScript
With PaintCode 3, you can now export JavaScript code that can be used to draw into <canvas> elements. Perfect for creating dynamic, interactive drawings such as the one on the left.
Resizing Drawing Methods
All generated drawing methods now take 2 parameters - the target rectangle into which you wish to draw and the resizing behavior.
You can choose between ‘aspect fit’, ‘center’, ‘aspect fill’ and ‘stretch’ resizing behaviors.
To turn this feature on for your existing canvases, choose the "Resizing: Using Method Parameters" option from canvas attributes in the inspector.
Telekinesis
Imagine you could redesign your app in real time, while the app is actually running on a real device.
With PaintCode and Telekinesis, you can. Changes you make to your app's design in PaintCode are propagated in real time into your running app. Works like magic. See the video.
B...
Pinegrow 網站前端開發工具
HTML、CSS 便利好用編輯器 寫網頁超快速
視覺化的 Bootstrap 網頁設計工具
支援時下流行的網站開發 Bootstartp, Foundation, AngularJS 和 WordPress
支持 Windows / Mac / Linux
Pinegrow Web Editor is a desktop application for creating and editing websites. Pinegrow is a general purpose HTML and CSS editor. Although it has extensive support for frameworks like Bootstrap and Foundation, Pinegrow is not tied to any particular framework or library.
With Pinegrow you build websites by editing HTML layout and CSS rules. Pinegrow is a collection of integrated tools: some are visual and some work with code. You’re free to mix & match these tools in a way that best fits the task at hand.
For example, when working with Bootstrap, you can use Element properties panel to (1) visually control Bootstrap properties, live-synced with the (2) code view where you can inspect and tweak the HTML code directly. At the same time you use (3) Style panel to edit active CSS rules.
Pinegrow a desktop app that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and WordPress.
ProtoPie 行動裝置互動原型設計工具
行動裝置移動端應用的設計與網頁端的設計不同,有限的介面和豐富的交互,都讓行動裝置移動端交互設計變得更為複雜。作為設計師,將動態設計想法準確闡述給團隊並獲得認同,並不是一件容易的事情。無程式碼交互原型工具 ProtoPie 是目前全球唯一一款可以無需編寫程式碼可製作傳感交互原型的工具,已在37個國家被廣泛使用。不僅簡單的頁面間跳轉,高保真原型也可快速完成。不論是初次接觸交互的新手,或者是交互高手中的高手,ProtoPie 是你必須瞭解的新興工具。
ProtoPie 特別適合互動設計師、UX 設計師、APP 應用程式開發設計師、產品經理,是一款熱門移動端原型設計工具,用它可以快速製作互動式原型並在手機上測試。 ProtoPie 的操作原理也十分簡單:交互=觸發動作+反應動作+物件。 你只需要將下面表中的觸發動作和反應動作自由組合,就可以像拼拼圖一樣輕鬆製作高保真互動原型。
影片介紹
基本概念
ProtoPie 的概念模型是基於淺顯易懂的交互原理所創建,以此可以替換複雜的程式設計語言。 自然界物體間的交互是由動作的物件,引起交互發生的觸發動作,受觸發動作影響而產生的反應動作,這三者組成。
ProtoPie 就是利用將物件、觸發動作、反應動作組合成交互的原理,製作出一個個完整的交互原型。如上圖所展示的,圖層就是交互物件,點擊圖層的動作就是觸發動作,點擊後圖層發生的變化就是反應動作。
如同在自然界中有限的元素可以組合出世界萬物一樣,複雜的交互效果也是由有限的觸發動作和反應動作拼接出來的。上表左側是觸發模組,右側是反應模組。
更新介紹
Features
Option to flatten layer(s) from Figma
Shortcut to make layers editable
Bug Fixes
Fixed the issue of not being able to save a local Pie to ProtoPie Cloud in specific cases
Fixed the issue of changed values not being applied when re-exporting after changing interaction target frames in Figma
Fixed the issue of importing into a scene incorrectly from Figma when the system status bar is enabled
Fixed the issue of vector layers being incorrectly positioned when importing from Figma
Fixed the issue of images being cropped incorrectly whenever there’s an image fill in a container when importing from Figma
Fixed the issue of drawing a shape in a nested group leading to creating a incorrectly large sized shape
Fixed the issue of some text layers being displayed incorrectly on the canvas
Fixed the issue of the fill disappearing when editing a text layer with fill
Fixed the issue of the Reset response not working for Lottie layers
Fixed the issue of public libraries not showing for ProtoPie Enterprise users
Fixed the issue of reordering interactions not working in component edit mode
Fixed the issue of swapped component instances losing their changes when updating a library
Fixed the issue of paging container not being visually positioned correctly after editing a component
Fixed the issue of component thumbnails appearing blank not reflecting what’s on the canvas
Fixed the issue of scene thumbnails not updating properly when there are multiple video layers using self-hosted media
Fixed the issue of a formula not referencing the r...
uniGui 是基於Delphi的一套開發Web應用的UI框架,前端使用的是ExtJS
uniGUI Web Application Framework extends Web application development experience to a new dimension. uniGUI enables Delphi developers to create, design and debug web applications in IDE using a unique set of visual components. Each component is designed to provide same functionality of its counterpart visual component in Delphi VCL. This provides a very comfortable development environment very close to native VCL application development with an easy learning curve. uniGUI Web applications can be deployed to a server using one of the available deployment options such as Windows Service, Standalone Server or ISAPI Module.
基於業界最先進的JavaScript庫Sencha Ext JS。
包括Sencha Ext JS的 OEM license。
A unique platform to create stateful web applications.
完整的IDE支持,用於創建項目,設計表單,框架和處理數據模塊。
Advanced support for scripting client side JavaScript events.
Library core經過全面優化,以實現最高級別的可擴展性。
包括 advanced Stress Test Tool utility。
帶有各種部署選項:ISAPI Module,Standalone Server和Windows Service。
支持的 Delphi 版本:Turbo Delphi Pro, Delphi 2006, Delphi 2007, Delphi 2009, Delphi 2010, Delphi XE, XE2, XE3, XE4, X5, XE6, XE7, XE8, Delphi 10 Seattle, 10.1 Berlin, 10.2.3 Tokyo and 10.3.3 Rio (Win32 & Win64 platforms). (Linux support is in the roadmap)
支持 C ++ Builder。
支持的瀏覽器:IE 9 +,Microsoft Edge,FireFox,Chrome,Safari和Opera
最新的 uniGUI HyperServer technology。
Unlimited Elements for Elementor Pro 是一個插件,可為 WordPress 的 Elementor Pro 頁面建立器插件添加額外的小部件和功能。Unlimited Elements for Elementor Pro 旨在讓 Elementor Pro 外掛程式的使用者更輕鬆地建立具有各種自訂選項的專業外觀網站。
Elementor 最大、最好的元素庫。獨特的 Elementor 小工具庫,可為您喜愛的頁面建立器添加更多功能和靈活性。
賦予您的 Elementor 網站超能力
一款多合一插件,可立即為您提供最先進的小部件和工具,以更快地製作更好的 Elementor 網站。
多合一解決方案
在一處找到創建高級網站所需的所有工具。停止浪費時間尋找解決方案。
不間斷更新
我們努力在功能方面進行創新。我們的使命是成為最好的,快來加入。
進階 Elementor 工具
使用我們的創意元素為 Elementor 添加更多功能,讓您的下一個項目看起來比以往更漂亮。