Designing Better Forms, A Top 10 Guide

In digital product design, forms are a necessary evil. Whether you’re designing a registration flow, checkout experience or settings page, forms allow you to collect data from the end-user. There are fundamental best-practices you can use when putting forms together, which will help users process requests more quickly, increase data entry accuracy and increase your...

How to Quickly Evaluate Browser Compatibility for New Web Technologies

When designing for the web, designers and developers are often tempted by new technologies. Recent advancements such as embedded fonts, parallax scrolling, JS animation, SVGs etc. have had varying levels of cross-platform support. Depending on the requirements of your website or application, browser support limitations may become a deal-breaker to including modern UI/UX advancements. Can...

Issue Tracking and Team Workflow with BitBucket

With multiple projects and competing demands, issue trackers can be a lifesaver. Our team at Flower Press Creative Studio relies pretty heavily on BitBucket, which is compatible with our GitHub repositories. Designers and developers work together to tackle new functional requirements, design deliverables and bug tracking. There are plenty of competitors on the market with...

How to Export SVGs for the Web from Illustrator

Adobe Illustrator is by far the most established, and popular Illustration tool in the design community. But until recently, it had a major shortcoming when exporting SVGs (Scalable Vector Graphics) cleanly for the web. Now, Adobe has upped its game by adding a clean, export function targeted at the web. Please note: there are actually...

SVGs, CSS and Javascript: Where Images and Code Cross

SVGs (Scalable Vector Graphics) is well-accepted as an ideal format for two-dimensional graphics on the web. Logos, icons, backgrounds, buttons and animated graphics can scale for high-definition displays while maintaining low file-size. There are several ways to implement SVGs within web code. The chosen method depends heavily on what you’re trying to achieve. SVG Embed...

HTTPS, A Necessary Investment

This video from DigiCert does a good job of spelling out recent updates to HTTPS on the Internet. As of July 2018, Google Chrome released changes to its handling of HTTP sites. In the address bar, these sites are now labeled Not Secure. On all HTTP pages, Chrome 68 displays a warning reading “Not Secure”...

With MJML you might actually enjoy coding an HTML email!

If you’ve been coding HTML/CSS markup for a long time, you have occasionally had to (with no shortage of dread) whip up an HTML email. The HTML email landscape has been stuck in prehistoric times relying on 90s era markup to handle the shortcomings and inconstancies of email clients (one in particular, I’m looking at...