You can't do something differently without using different tools so if you really want to revolutionize something you have to do it in new way, Responsive Layout Maker is new revolutionized Responsive web layout tool that it changes the way we build Responsive & adaptive website.
Coffeecup has all the great tools to stay with current trend in Responsive wed design field.
Responsive, like no other
Fluid grids, custom breakpoints, draggable elements. Visually design responsive layouts from the content out. The resulting code? Crisp, clean and production ready!
Multiple Configurable Grid Systems
Layout Maker comes with a growing number of integrated grid systems, including the Bootstrap grid. Column counts and gutter widths can be customized for each system.
Drag-n-Drop Content Blocks
Design from the content out and tailor layouts around unique content and business needs. Add anything from a paragraph to an input element with just a drop.
Clean CSS + Semantic HTML
No superfluous machine-generated code here. Specify your own classes & IDs, assign semantic tags, and more. Layout Maker keeps everything crisp and clean for easy hand-tweaking. Custom Layout Designs
Add rows and content containers with a simple click. Toggle column spans, stretch rows, or constrain their widths. You can even use subgrids and container nesting for ultimate layout control.
Configurable Element Properties
Control paddings, margins, floats, font styles, links and everything else that makes your unique content look its best.
Browser-Based Prototyping Wire framing and previewing in an actual browser makes your designs interactive and resizable. No more huge pile of static images to illustrate what a design might look like on different devices. Sweet!
Advanced Web Design for Everyone.You want to create great websites. Totally stellar, kick-butt websites that leave people saying, “Wow, you really made that?” Consider the HTML Editor your new best friend. HTML veterans, you’ll create standards-compliant sites using powerful tools like code completion and built-in validation. Get ready to utilize resources like comprehensive tag references and vibrant website themes.
Get Started in Seconds
Getting to work on your website is lightning quick thanks to a wide range of start options. You can create new HTML or CSS files from scratch, or get a jumpstart on a pro design by launching a new project from an existing theme or layout. Already have a site in progress? Open its files from your computer, or open them straight from your web server. With the Open From Web option, you can actually take any website as a starting point, and it doesn’t have to be yours.
Demo Builder is a powerful tool that allows you to create professional quality demos and tutorials with no programming knowledge. There are no complicated interfaces and your demonstration or presentation can be made in a matter of minutes! How Does Demo Builder Work?Demo Builder works by taking a series of screenshots of a running application. It records the actions being taken on the application and so is able to demonstrate a simulation of these actions. Each screenshot taken by Demo Builder constitutes a 'Scene' that can then be edited to suit your required demo/tutorial. Starting with Demo Builder 6, users will be able to take full-motion recordings. That is, no longer will you be limited to taking screenshots of the buttons clicked and the keys pressed in the application you are showcasing. Using this new feature you can take full-motion recordings that result in smooth, fluid demonstrations able to showcase everything from drag and drop operations, to window resizing, and real cursor movements easier than ever. After recording a running application and the actions taken on that application, employ Demo Builder's 'Editing Window' to add specific details,annotations and visual aids to your movie with the use of 'Objects' and the manipulation of your tutorial's time sequencing. How Easy and Flexible! Demo Builder is extremely flexible and easy to use. The Editing tools available allow total control of the scene's behaviour and all visual aids and objects within that scene.
Customize HTML & CSS3 navigation menus without coding
Menu Builder creates good looking, standards compliant, menus with simple intuitive visual controls. That’s right, you don’t have to write a single line of code to add drop downs, apply rounded corners, box shadows and so much more. You can also export your menus and hand tweak every single aspect. Or, simply paste the code into your site and enjoy the pleasure of a custom, smoothly functioning CSS3 Menu that can be updated with ease. Responsive Navigation Menus
Responsify your menus with the the responsive slider duo: Sizer and Breaker! They help you to create a menu that adapts to any screen size without tedious hand coding. Yep, that used to be a pie in the sky... Now there's Sizer who shows what your menu looks like when the screen gets smaller or bigger. His cousin Breaker allows you to change the layout and appearance of your menu at any screen width, for optimal usability. No responsive website yet? Not a problem! Menu Builder will still help you develop cool, SEO friendly navigation menus.
Powerful Visual Design Tools
Packed with comprehensive design tools, Menu Designer might have been a better name. Configure every characteristic of each individual menu element or adjust them all at once. Change colors, set backgrounds, use rounded corners, apply shadow effects, add icons or images, and much, much more. You want that specific button or button state (pseudo class) to stand out? This is your chance right here. Adjust widths, margins, paddings, font styles, colors, borders and the rest of the pack as you see fit
Web Page Maker is an easy-to-use web page editor that allows you to create and upload web pages in minutes without knowing HTML. Simply drag and drop objects onto the page and position them freely in the layout. It comes with some pre-designed templates that help you to get started. It also includes ready-to-use navigation bars that can be inserted into the page. Additional features include built-in color picker, Java script library, image library and built-in FTP client.
Positioning page elements
Web Page Maker allows you drag and drop your page elements exactly where you want them. Once you've added an element to a page, simply drag it to its approximate location and drop it there. You can also use your keyboard's arrow keys to move the element into exactly the right position.