Web Design Trend Predictions of 2017

Posted on Mon, October 10, 2016 in Greatest Hits, User Interface, Web Design by Tiffany Tay

We’re quickly approaching the end of 2016, with about three months left until we ring in the new year! Here at GRAYBOX, we always have our eye out when new design movements occur, and this blog post is a curation of the most prevalent trends that will likely continue through to the next year.

Read More

User Experience (UX) in VR

Posted on Fri, October 07, 2016 in User Interface, Web Design by Topher Young

Being a kid born in the 80's and having spent my formative years in the 90's, it is quite surreal that Virtual Reality has finally become a reality. After three decades of it being a work of "fiction", it's now here. The future is now! The idea of VR is not a new concept. I can still vividly recall the rad Nintendo Virtual Boy commercials along with the classic 90's sci-fi movies The Lawnmower Man, Johnny Mnemonic, and The Matrix. Regardless of the hunger for VR being at a fever pitch, the hardware never was able to truly produce the concept people craved and truly immerse the user. Until...

Read More

The Important Role of User Personas in UX

Posted on Thu, September 29, 2016 in Business Strategy, Identity Design, User Interface by Alicia Nagel

Websites and apps are a form of communication between an individual, organization, or business and a user. Because this communication is largely one-sided as creators we have a responsibility to anticipate what the user might say if they were able to engage in a conversation with the website or app..

Read More

The Fundamentals of Effective Web Design

Posted on Tue, December 08, 2015 in Identity Design, User Interface, Web Design by Tiffany Tay

In this post we’ll explore the most important web design principles to remember so you can make a website visually engaging, effective, easy to use, and memorable.

Read More

Making SVG Icons

Posted on Tue, March 24, 2015 in User Interface, Web Design by Jon Haarstad

As a ​front-end developer, one of the great opportunities that the SVG offers is a break from the traditional use of pixel-based (rasterized) images to a format that behaves like a pure vector image file because...well, it is.

Read More

Gestalt Principles Applied To Design

Posted on Mon, January 19, 2015 in Development Tips, User Interface by Tiffany Tay

The Gestalt theory can spark new light when it comes to design. It helps us to think about our compositions in ways that we have not imagined them before. In fact, many principles that come from the Gestalt theory can be applied to all forms of art and design, from painting to photography, digital design to architecture, and good old fashioned print design.

Read More

Design Trends of the New Web Landscape

Posted on Mon, October 27, 2014 in User Interface, Web Design by Tiffany Tay

As a Web Designer, I come across a myriad of sites every day. I see great, good, and bad web design practices, and even trends that spring up every now and then. Below is a small list of web trends I've encountered frequently that benefit the web community as a whole.

Read More

Practical Web Design

Posted on Thu, September 25, 2014 in User Interface, Web Design by Jason Bennett

Web design is often described as an "artistic" or "creative" job. Many think a web designer simply makes a design look "cool" or "pretty". However, sometimes a pretty design just isn't practical.

Read More

Internet Explorer Select Dropdown Arrow Solution: ChosenJS

Posted on Fri, May 23, 2014 in Development Tips, User Interface, Web Design by Kevin Carpenter

Browser testing can be one of the most daunting tasks for a web designer or developer especially when that scope includes IE8 and IE9. Besides the usual background-size and image fixes, the most difficult task to regulate is the dreaded select dropdown element.

Read More

5 jQuery Snippets Every Developer Should Have Handy

Posted on Fri, January 31, 2014 in Development Tips, User Interface, Web Design by Kevin Carpenter

By changing the scrollTop value we can change where we want the scrollbar to land, in my case I used a value of 0 because I want it to go to the very top of our page, but if I wanted an offset of 100px I could just type 100px in the function. So all we are really doing is animating the body of our document throughout the course of 800ms until it scrolls all the way to the top of the document.

Read More



Tell Us About Your Project

Invalid phone number