Use your mouse to see style details for any element in the preview just like Web Inspector in Safari and Chrome. Make style changes directly in Style Inspector, and update the style sheet without damaging any code. As well, with the Direct Insert function, you can directly edit, insert and eliminate elements in Style, Media Query, and Keyframe. With Direct Insert, it is not necessary to open the code. Changes will be inserted into the code directly.
If you have an animation in your website, you can easily edit it on a simple timeline. You can compare several different Keyframes on the timeline. Of course, after you edit code, Xpressive will output the code according to the on/off vendor prefixes. If you have a complex animation, you can still manage it easily with the Keyframes Timeline and the Style Inspector.
Xpressive has tools to help you see how your web contents will display on a variety of different devices. There is a responsive slide ruler as a well as a shortcut [⌘0]~[⌘4] to control size. With these tools, you can modify screen size. It is not necessary to resize your browser window. Easily monitor how your grids will display in different displays.
The DOM Inspector shows you how a browser will read your HTML. You can click on the preview, and the DOM Inspector will immediately find the element you need. The DOM Inspector works with even the most complicated code. When you select an element, this tool will not lose it. It doesn’t matter how complicated the code becomes. Use the Drag & Drop to add elements from the Snippet and Element List. This way you can design a truly dynamic DOM Document.
Visual feedback saves you time, but it has other beneficial effects. For example, until now, only simpler graphics could be created in this way. Now, much more complicated graphics can be created. Xpressive is a best app to treat the power of css3 and beauty of scalable vector graphics.CODEPEN@Xpressive_Team for More Examples.
Xpressive has a powerful Preview which utilizes the Safari rendering engine and the reliability of
. Rendering in XPressive's Preview will give the same result as rendering in Safari.
The data you treat in Xpressive conform to web standard and it is very clean.
Vendor Prefix and Minify settings can be configured for each project. With simple settings, the program can output the code for optimized product quality levels. Detail
All the code used in Xpressive is saved as reusable snippets. Detailed settings are allowed for contents, style, summary, language, etc. No matter how complicated the snippet is, it can easily be accessed and managed. Detail
You can directly view previews on other browsers installed on the OS like Safari and Chrome. If Windows virtualization software is installed, IE can also be used. Also, if XCode is installed, a full preview is possible in the iOS Simulator. Detail
While one element is selected on the preview screen, you can change your focus to another element. With the jump bar, you can even directly select structurally complex elements, or elements that are not displayed on the screen. Detail
A backup of the source code is made so that a variety of tests can be done. It is possible to immediately restore backups. Highly volatile web data can also easily be restored. Detail
Manage all the style sheet data included in the HTML. The Selector is very simple to use, and reference numbers for the Elements will be displayed. Unused Elements can be bulk deleted or rearranged using the Drag&Drop. Detail
The Finder Menu has a variety of functions to assist you in easily managing your project. Modifications to code and images made in other applications will be automatically detected and implemented. Detail
In order to make editing quicker and easier, a large number of shortcuts have been prepared. Mastering these shortcuts will result in even faster coding.
When websites and applications become more complex, they will automatically generate new HTML tags. There are many things that can cause new HTML tags to be created. The Ignore Option allows you to exclude unwanted run-time data from your HTML code. No matter how complicated your website or application becomes, the original source code will always be preserved.
Export screen captures at the size shown in the preview quickly.
List the attribute values of selected elements and then add to, modify, or eliminate them.
Download the whole web page and resources to the local with keeping the thier relative path.