Design content on the Revelry Blog: Navigate our lab notes by using the tag system.
I’m pretty lucky to work with a larger overall company that includes a larger design team, so I can count on them for a second eye. But if you’re working on a small startup and you’re the only designer there, have no fear. It can get overwhelming, but I’m here to help.
If you’re designing and building apps with the iPhone X in mind, you’re going to want to optimize for its many changes and troubleshoot some common problem areas. Brittany researched the iPhone X more than most people who bought the phone!
The design and development teams at Revelry collaborate on nearly every project. We sync with our internal team to go over project documentation and details, meet with our innovation partners, and have discussions about process and implementation.
A conversation with Ryan Freitas, director of product design at uber, about the role of the product designer and ‘opinionated products.’
Use null values in your Sass mixin to erase the style properties you don’t need.
Two weeks ago the engineers were given a challenge to write a method that cut off a block of text leaving an excerpt trailed by an ellipsis. As soon as the engineers were given the challenge question, I began to scribble down the front-end version.
Upon first starting to work at Revelry, Gerard told me, “Eventually we’ll have you designing in the browser and you won’t need to mock everything up in Illustrator, Photoshop or Sketch.” To be quite honest, this terrified the living you know what out of me…
About a year ago I made the switch from mocking up my designs in Photoshop to using Illustrator instead. After listening to UI designer Jeremy Miller of Radolo talk on this topic, I walked away with one thing: “Learn to Love Illustrator.” And that I did.
Viewport Sized Typography, CSS Columns, and Using CSS Shapes as Text Wrap
Ampersands can handle situations like reverse nesting, extending class and id names, and even adjacent sibling selection.
With powerful tools like Foundation and Bootstrap, along with Sass, designing as you code feels much more natural than trying to replicate a static mockup in the browser. One issue I’ve had, however, is finding the right colors without having to go back to Photoshop. Luckily, Sass has some pretty amazing color functions that can automate your color choosing process.