Responsive Web Design (RWD)

Breakpoint

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.

Breakpoint Read More »

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.

Hamburger Menu Read More »

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 »

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.

Row Based Design Read More »

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).

RWD Advanced Read More »