Query JSON documents in the Terminal with GROQ

JSON documents are everywhere today, but they are rarely structured the way you want them to be. They often include too much data, have weirdly named fields, or place the data in unnecessary nested objects. Graph-Relational Object Queries (GROQ) is a query language (like SQL, but different) which is..

Optimizing Images for Users with Slow Network Speeds

For every website, page load time is a critical factor that can make or break the business. Thanks to the better user experience that comes with a fast-loading webpage, those who focus on page load optimization enjoy better conversion rates, better SEO, better retention, and lower bounce rates. And..

Some Things You Oughta Know When Working with Viewport Units

David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in this graphic: The trouble is that Chrome isn't taking the address bar (browser chrome) into acco..

Common CSS Issues For Front-End Projects

Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you...

Will PWAs Replace Native Mobile Apps?

When it comes to the mobile user experience, are mobile websites all that bad? You hear so much about the benefits of building a dedicated native app, but that...

Front-end, Back-end, and Full-stack, What is the difference?

When I start looking around for information about web development I wasn’t quite sure what exactly were the skills I should have to change my career for this field....

Kill Your Personas – Microsoft Design

In 1983, Alan Cooper gave life to the first design persona with a wave of his hands. A pioneering software developer, Cooper had just interviewed a group of potential...

What is a heuristic evaluation In UX

In this article we’ll be taking at look at what exactly UX designer’s mean by the term “heuristic evaluation”, how to conduct a heuristic evaluation for yourself, what to do if you can’t afford a usability expert, and the difference between a heuristic evaluation and user testing. You can tap on any of the links below to jump to the respective section. So, let’s get started!

Choosing the Right Web Design Conference

There are a number of events out there targeted towards web designers. You will come across everything from small meetups to large corporate blowouts. Each of these opportunities has something unique to offer. Personally, I tend to prefer WordCamps over other types of events. The laid-back atmosphe..

The Hamburger & Mega-Menu Combination Design Trend

Hamburger icons are everywhere. They carved a niche for themselves without any intention to leave us anytime soon. Hate it, love it – just deal with it. Much like the real world, online expanses, including both web and mobile interfaces, have some tasty and irresistible junk food. Taking web by sto..