I have always considered myself a “designer who codes”. I enjoy that aspect of the web, even while in a purely visual design role.
Tales from the edge of the web
What if we want to re-arrange our logo elements depending on the aspect ratio of the asset, perhaps to account for the amount of vertical real estate available to us?
I keep revisiting the video because it shows how the physical web can provide a substantially better experience than the native app install process.
We recently got the opportunity to develop a service worker for use on Smashing Magazine, which we'll write about in more detail soon. This is the first of a multi-part article that will examine some of the solutions we arrived at and lessons we learned.
After documenting our collective inspiration in the form of Mood Boards, our next design exercise for the redesign of cloudfour.com was Element Collages.
We pride ourselves on being adaptive to the project’s needs – we don’t have a one size fits all process. This is part of our DNA (and part of our differentiation as a company.) Here’s how we are adapting to fit our own project’s needs.
Our new logo was born out of necessity, quietly appearing first as a favicon, then migrating to our Twitter account and beyond.
Our team had a set of defining characteristics and was almost ready to start redesigning cloudfour.com. But before we dived into element collages, we wanted to draw from a shared well of design inspiration. So we decided to make a mood board.
When we started redesigning cloudfour.com, I knew I wanted the entire team to feel a sense of ownership in the end result. Fortunately for us, few problems in the universe cannot be solved by getting in a room and writing things on sticky notes.
Frequently-cited posts we’re particularly proud of.
- Responsive Design for Apps — Part 1
- Responsive Web Design is Solid Gold
- The EMs have it: Proportional Media Queries FTW!
- Defining Responsiveness
- What We Mean When We Say “responsive”
- Picking a Responsive Tables Solution
- Responsive Images 101, Part 1: Definitions
- Seriously, Don’t Use Icon Fonts
- A Responsive Guide to Type Sizing
- Making A Service Worker: A Case Study
- Don’t use <picture> (most of the time)
- Links Don’t Open Apps
Let’s discuss your project! Email Us