Design
Design and creation of product mockups is at the core of the Revelry process. Roadmapping a product requires visual design elements and systems that can be used cross-platform for full device coverage. While design is a ever-expansive category we focus on product design and development using design thinking, and modified lean-agile to design and create new products.
Find all Design stories here. Our Design team, Front-End Developers, and Software engineers share their lab notes and observations on the Revelry Blog, and you can see all Design-related blog posts here.
Building With the iPhone X in Mind: Troubleshooting Common Problem Areas
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!
Dynamically Changing CSS Font Color Based on Background, Using SCSS
Blaze’s heart was so happy the day she discovered the ability to change font color based on the lightness or darkness of the background. She shares with you the magic of SCSS in this detailed post.
Design and Development Collaboration: Best Practices, Tools, and Guides
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.
Cross-browser Testing: Best Practices and Useful Resources
A great way to save hours of time is to always keep cross-browser best practices in mind throughout the process of developing a new site.
Using Null to Write Better Sass Mixins
Use null values in your Sass mixin to erase the style properties you don’t need.
Multi-line Ellipsis Using Pure CSS As a Workaround
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.
Farewell Prototyping Software. Hello Designing In-Browser.
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…
Ai vs Ps: Improve Your Workflow
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.
Sassy Ampersands Are… Beefy
Ampersands can handle situations like reverse nesting, extending class and id names, and even adjacent sibling selection.
Quick Color with Sass
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.