Responsive Web Development step by step.
Learn to create unique websites and digital experiences with these legendary features.
Begin with a Bootstrap, Materialize, Foundation or Vanila CSS Framework.
Scared of a blank canvas? Get a quick start by choosing one of the professional templates.
Drag-n-drop elements like Containers, Images, Videos, Buttons, Icons and more onto the canvas.
Organize images, documents, and other assets within the Project Resource Library.
Type, paste, or edit text right on the canvas using a powerful text editor.
Code connoisseurs can go wild by injecting HTML scripts using the HTML element.
Padding, Margin, Floats, Display, Position, Overflow, Border (radius), Background (image), Width (min, max), Height (min, max), Scale, Translate, Rotate, Skew, Opacity, Box Shadow, Transitions to name a few.
Design for interaction with hover, active and pressed state controls. Create powerful 3D effects that will make the site content come alive.
Adapt the layout or tweak the design at any display width using custom breakpoints.
Full range viewport slider — view and work on the design at any possible screen width.
Focus the viewer's attention on a specific area of the image with the focal point function.
Use the HTML Picture element to serve mobile users optimized or smaller versions of an image. Bandwidth saver!
Build site using mobile first or desktop down workflows with corresponding media queries.
Integrated web inspector with spacing outliner, DOM tree and live CSS preview.
A very powerful way of controlling alignment, size and positioning of elements. Also, elements can be instructed to grow, shrink and wrap (or not) depending on the size of the viewport.
Use CSS Grid for a modular design approach — each page section is done in a dedicated (grid) container. This makes it easy to move the sections around or reuse them in different pages. Includes Feature Queries to create fallback styles for older (unsupporting) browsers.
Sublime Container management: span, offset, push and pull with simple drop downs. Containers can be constrained to certain widths or span full-width for appealing visual (background) effects.
Choose from standard positioning controls: Absolute, Static, or Fix content. You can also place elements outside of the flow with these comprehensive tools.
Change the method of measurement on the fly – EM, PX, %, VH, Auto, and more.
Add meta data and other head (or footer) code for SEO or plugins. Also activate the Structured Data workflow to tag up your content for Google.
Publish directly to the CoffeeCup servers and share the link for feedback and collaboration.
Export clean, semantic, HTML & CSS that can be uploaded to any server
(Includes any added plugins).
Free support and upgrades during one full year for customers from our savvy technical staff. Also gain access to our robust User Community Forums to swap ideas, share content, get feedback, even make a friend or two!
Enjoy one year of free upgrades with the purchase of your perpetual Site Designer license. This means after the one year, you can still keep on using the software as much as you want, another year of free upgrades will be available for $69 per year.
Save time by skipping static design apps. Start the idea, the prototype and the final design in just one step.
Custom craft emails and newsletters that display nicely everywhere.
Full-service online forms. Collect information. Take a survey. Build a mailing list. Interacting with site visitors has never been easier.