Articles - Sort by article_rating

How to apply mouseover effects to a background image

In this article, we are going to walk through how to apply a mouseover effect on an background image that will then display text in place of the image. We accomplish this by using multiple...

Creating custom responsive email layouts

Creating a subgrid using containers in Responsive Email Designer Being able to create custom layouts at various widths is one of the most important aspects of a responsive design. Due to...

responsive content slider quotes

Responsive Content Slider has all the right moves! Wowie! Ever since the pre-release of this slideshow app dropped onto the scene, it has made a huge impression among the web community....

Complimentary Templates

Download Responsive Themes Build cool, device-independent, sites and forms. Visually. These themes will provide an optimal viewing and interaction experience for every viewer...

Responsive Site Designer Help Manual

Responsive Design Resource Index Here’s a breakdown of the tutorials and helpful articles which will assist you in navigating the features found in Responsive Site Designer, Foundation...

Free CoffeeCup Homepage Theme

Download the CoffeeCup Homepage Theme Okay, it’s not the real homepage, but it is the project file (and exported html & css files) that our team used when working on the design...

Adding Google CSE to Responsive Site Designer

Adding Google Custom Search Engine to RSD When adding a Google Custom Search Engine box to your Responsive Site Designer page, some styles for the search box may get overridden by styles...

Solving the IE11 fixed background bug

How we solved the IE 11 fixed background bug In our efforts to make the best possible experience with all of our themes, we attempted to fix a reported bug regarding fixed backgrounds in...

Adding a menu to Responsive Site Designer

If you want to build good-looking, well-functioning navigation menus, then Menu Builder is exactly what you need. Menu Builder has been designed to help you build sophisticated, standards...

Website Insight Tool Pack

Website Insight is a hot new tool for analyzing and improving your website’s search engine visibility and visitor’s friendliness. Some might call it SEO software, but in reality, it...

Design Responsive Tables with Flexbox

Flexbox makes responsive table design a lot easier Tables have always posted a bit of a problem in responsive design. Depending on the table type and use-case, the challenge could be big...or...

Earth Day Email Designs

Free Responsive Email Themes Cheers to Mother Earth! Enjoy a pair of cool nature inspired email themes. Welcome to the Black Forest These swanky email designs...

The top apps for responsive design

Which app is right for you We offer several different responsive design apps for users of all skill levels - from the code-masters to the beginners. With so many options available, you may not...

CoffeeCup Sonar Resources

CoffeeCup Sonar Sonar is an app that provides insight on how well your site loads, then it provides tips on how to optimize and tune your site for better speeds!...

responsive design for gmail

Responsive email design is coming to Gmail This is HUGE! Google Gmail is answering everyone’s prayers by adding support for Media Queries — the secret recipe of any responsive...

Sonar Quick Start Guide

What is Sonar? Sonar goes deep - really deep - into a website and transmits back a comprehensive overview with instant data on your sites performance. This extremely helpful data includes the...

Chapter 1: Summary Tab

You might be surprised to learn that your site may not always loads/respond exactly the same for each visitor across mobile phones, tablets and desktop computers. Studies show that people are...

Chapter 2: Speed Tab

Speed is vital Knowing how content is loaded in your browser and seeing what takes the most time to download is an essential part of learning ways to speed up your website. Statistics show that...

Chapter 3: Size Tab

Size matters While similar to the Metrics By Speed chart, the Size pane instead focuses on the actual file size. Having large file sizes not only slows down the loading of your page but...

Chapter 4: Metrics Tab

How the page measures up A Metric chart or better known as a Waterfall, displays content it the same order it loads in your browser. As each item is loaded, you will see two colors on the...

Chapter 5: Performance

Travel through time Knowing how your website performs today is equally as important to see how it performs over a period of time. Not only can you see how your site behaved on a particular...

Chapter 6: Viewports

Compare across viewports Studies show that people are five times more likely to bail on a website that isn’t mobile-friendly or takes too long to load. Curious how your site loads across...

Chapter 7: Tips

Tips to put you on the road to success Here is a comprehensive list of tips and recommendations to assist you in improving load time, file size, and overall user experience of your website....

Chapter 8: Preferences

Customize the variables Under the program Preferences, you will find settings that allow you to edit many different aspects of the program. Automatically open last...

Chapter 9: Other Resources

Other Resources Here are a few resource links that help explain some of the topics covered within the Tips & Recommendations. Some links that maybe helpful in this case About...

Foundation Framer Themes

Download 10 epic themes for Foundation Framer. Spark your design creativity using our hand-crafted responsive templates or simply use them to learn a trick or two. They are 100% customizable...

Theme Preview for Foundation Framer

10 epic themes for Foundation Framer. Spark your design creativity using our hand-crafted responsive templates or simply use them to learn a trick or two. They are 100% customizable and can...

Installing wordpress

We all know that WordPress one of the most popular content management system out there. Users are often overwhelmed with the idea of installing Wordpress thinking that the process is overly...

Bootstrap and Foundation Component Library Collection

The Components Library Collection Website components are elements, or a combination of elements, that are transformed into interactive features using special attributes and...

Syncing with Symbols

Sync your navigation menu across your website project! Symbols are an awesome time-saving feature when it comes to managing commonly used items in your site. When an item is saved as a Symbol,...