Responsive Site Designer是一款功能強大的網頁設計軟件，可以幫助用戶在軟件上構建新的網站頁面，內置文字、圖片、原型、互動、佈局、組件等多種功能，讓用戶在設計網站的時候可以快速添加多種素材，無論是設計商業網站還是設計購物網站都是很方便的，這裡小編推薦的就是官方發佈的最新版本，可以快速構建主題、構建頁面子標題、構建網站導航，為需要設計CSS網頁的朋友提供幫助！
Languages: English |
The #1 Responsive Site Designer. Design visually with the Bootstrap and Foundation frameworks. No code. Build faster. Design better. CSS Frameworks are used by millions of designers and developers. Bootstrap 3 and 4, Foundation 6 and Materialize are the most popular. Designing with these well tested frameworks has many advantages.
Use the power of Bootstrap and Foundation
CSS Frameworks are used by millions of designers and developers. Bootstrap 3 and 4, Foundation 6 and Materialize are the most popular. Designing with these well tested frameworks has many advantages. They use well organized HTML, CSS and Javascript that is frequently maintained and updated. Furthermore, they allow for creating cool interactive components such as dropups, navigation menus, galleries and more without wrestling with extra scripts — sweet!
Custom Breakpoints
llowing you to make design and layout changes wherever needed, breakpoints are truly the secret weapon of responsive design. And with this revolutionary app, they are a cinch to create and manage.
The Magic Slider
Use the handy viewport slider to inspect your creation at every possible display width. Anytime something doesn’t quite look its best, drop in a mighty breakpoint to optimize the layout or design.
Design with Flexbox
Flexbox is fantastic! Align, stack, or reorder elements with the flick of a button. It’s a great instrument that should be part of any responsive design toolkit. To learn more and play with real design examples get our free interactive flexbox guide.
A design workflow you'll love
Specify the default styles for each element. Then use your own classes to create design variations. Change the properties across the site for every element type, class, or ID with a single edit. What about variations of a variation? The multi-class system has your back, resulting in design creativity and productivity you can’t experience elsewhere.
Live Design — Clean Code
Working directly in the browser not only creates the unique live design experience, it also allows the code to be semantic and clean. No (confusing) code generation is needed, the CSS3 is written directly to a real stylesheet, resulting in clean and easy to interpret rules. The inserted HTML elements are standards based. Tags can be switched with two simple clicks to use semantic HTML5 elements like <nav> and <header>, resulting in well marked-up pages and conveying meaning to search engines.
Unprecedented design control
The intuitive controls give access to all the design power CSS has to offer. Without tedious code editing, creating and experimenting comes naturally. Select, click, point, pick and scroll to create websites and pages that are out of this world. The proof? Hear what our customers are saying and marvel at their masterpieces.
Design for wide screens on a laptop
Zoom out to view more. See what the page will look like on monitors that are much wider than the screen you’re working from. You can also get a better feeling for the page flow by viewing more of the height of the page at the same time — sweet!
From paper sketches to the production server
Skip static Photoshop or vector design apps. Create directly in the browser with real HTML elements and adaptive grids. Use the full power of CSS3 with intuitive tools. Design for all devices using easy to manage—custom—media queries. Seeing and feeling the site develop in a production environment (the browser!) is the way of the modern web.
Save a planet — use <picture>
On mobile devices and phone networks, images are often the main bottleneck when it comes to website performance. With the <picture> element, mobile users can be served with optimized or smaller versions of an image.
Custom layouts that fit any device
Add rows and content containers with just a simple click. Toggle column spans at custom breakpoints to create tailored layouts for smaller screens. Or create tailored tablet, laptop, desktop and everything in between layouts if you design mobile-first. You can even use subgrids and container nesting for more ultra-precise layout control. Stretch rows, stop floats, change display properties, constrain heights...this app has it all!
Integrated Web Inspector
The web inspector has been an indispensable tool for front end developers for years, and we made it available right within Site Designer. Use the inspector to view or change (drag-n-drop) an element's position in the DOM tree. Or hover the tree to see each element’s outline.
Transitions and effects
Use CSS3 properties such as translate, rotate and skew to create powerful visual effects. On any element and without graphics editor. Transitions smoothen the value changes defined on different states. Grab the attention and impress visitors when hovering images or pressing buttons. Move it, move it, you gotta move it! Spark the visitor's interest with in-view animations. Simply adjust the position, size, visibility, etc. before the element can be seen and how long it takes to reach the element's normal state. Done!
Release Notes:
• Like every other MacOS program, you can now use the backspace key as another way to delete elements!
• Projects that contained a styled address element would stay stuck on the loading screen. After some tinkering all projects should now load normally.
System Requirements:
- Windows 10 32/64 bit
- Windows 8 32/64 bit
- Windows 7 32/64 bit
- Windows Vista 32/64 bit
Homepage
https://www.coffeecup.com
|
專業軟體光碟
