Category: Responsive Web Design (RWD)


Used in software development, a breakpoint is the stopping place in a program that specifies when a certain change should occur. For example, in responsive web design, a developer would typically include at least three breakpoints: desktop, tablet, and mobile.

Design Phase

This covers all aspects of the user experience design. Action items include creating design concepts, designing templates, interior pages and common elements such as H1 tags (Header 1), hover, on states and mobile designs for phones and tablets. Note, the design process combines branding, user experience design, mobile design, and graphic design. Within these areas …

Design Phase Read More »

Hamburger Menu

A hamburger menu is an icon that is stacked lines to indicate that the website’s menu is accessible there. These are commonly used in responsive web design to allow for an easy way to incorporate the menu into the design on mobile devices.

Material Design

Material Design pertains to a design language that was developed in 2014 by Google. It makes use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

Mobile Breakpoints

This refers to the way a Responsive Web Design is constructed. Typically there are 4 breakpoints, one for a: mobile phone, tablet, desktop small, and desktop large. Breakpoints are defined by pixel width.

Mobile Display

The most common two types of mobile displays are phones and tablets. The sizes of these displays vary and there are close to 300 different devices that can access the Internet as of 2014.   Takeaway Keep in mind a Responsive Web Design is not one design. It will change with each different type of …

Mobile Display Read More »

Mobile First

This term has become more popular with the explosion of different types of mobile devices and the popularity of using a Responsive Web Design to accommodate them. It refers to both designing and developing a website for mobile first before desktop. This entails a very different web development approach than a traditional desktop first process. …

Mobile First Read More »

Responsive Web Design (RWD)

This refers to a way of coding a site so that it displays optimally on a mobile device as well as large screens. A RWD is comprised of breakpoints (typically 4), one for a mobile phone, tablet, desktop standard and desktop large. Read more about it here.   Takeaways Responsive websites have become standard. 2 …

Responsive Web Design (RWD) Read More »

Row Based Design

This design style uses single rows to display content instead of columns. The biggest pro of this style is its mobile-friendliness. Since content is presented in a more self-contained block it is easier to change the format for better display on different screen sizes.

RWD Advanced

This includes extensive mobile definition and design. The process includes creating a prototype so that key functionality can be reviewed during the Definition Phase. It also includes designs for numerous pages (more than the 3 included with a RWD Intermediate project).