Archive for: March, 2016

  • Home
  • blog
  • Month: <span>March 2016</span>

Google Resizer Cares for Responsive Design

Thanks to plenty of types of mobile devices, contemporary websites need to be designed for different resolutions and orientations. However, to see how a site looks on a tablet, smartphone, or a standard monitor, it’s not necessary to have all devices ready at all times. Google Resizer is a handy web tool which wi...

Getting (Dis)Connected: Shallow Interaction Design For Deeper Human Experiences

  Our objects are becoming increasingly connected. My watch is connected to my phone, which is connected to the speaker in my living room, which I can also connect (or not) to the speaker in my bedroom. When I go out to dinner with friends, we have to make a concerted effort to keep our handheld and we...

Creating a GraphQL Server with Node.js and MongoDB

Requesting data from the server on the client side is not a new concept. It allows an application to load data without having to refresh the page. This is most used in single page applications, which instead of getting a rendered page from the server, request only the data needed to render it on the client side. The mo...

Glide: Easy Dynamic on-Demand Image Resizing

Glide is an image processing library built on top of Intervention. Its purpose is to facilitate on-demand image processing. That’s a fancy way of saying it creates images as they’re requested if they don’t exist. For example, you might have a large, high quality portrait for your user profile. But when opening o...

Inspiring Everyday Graphic Design

  The most inspirational things are often right in front of us. It might be the typography on a book cover, the colors of your favorite music album, the opening titles in that movie you saw yesterday. To celebrate all those little moments of inspiration, we have compiled some resources for you which ho...

Introducing CSS Scroll Snap Points

Before this new CSS I’m about to introduce existed, locking an element into the viewport on scroll required rigging up some JavaScript. As you may know, JavaScript has a well-earned reputation to be tricky when paired with scrolling behavior. The new CSS Scroll Snap Points spec promises to help, allowing for this...

Seven Amazing Neon Dreamscapes Made on Mobile Phones

Using mobile phones, these artists are bringing highly unusual weather to the cities of the world. Neon blue clouds and purple fog have descended on urban centers in these seven luminescent dreamscapes. While you might think that these effects require sophisticated skills in one of the powerful pixel editors, such as P...

Creative SVG Letter Animations

View demo Download source Maybe you’ve seen some of those interesting text animations recently, like the one shown on the website of Control Films or in hover effects for image captions: letters disappear and appear in an artistic way, getting drawn along their lines. While we’ve had a great share of stoke...

Server-Side Rendering With React, Node And Express

  Web applications are everywhere. There is no official definition, but we’ve made the distinction: web applications are highly interactive, dynamic and performant, while websites are informational and less transient. This very rough categorization provides us with a starting point, from which to app...

Pressure.js – Works with Apple’s Force Touch & 3D Touch

Advertise here via BSA Pressure is a JavaScript library that makes dealing with Apple’s Force Touch and 3D Touch simple. Force Touch for new Macs and 3D Touch for the new iPhone 6s and 6s Plus, all bundled under one roof with a simple API that makes working with them painless. Pressure gives you a handle on brow...