September 2014 edition of the UMS Inspiration Email Newsletter
View this email in your browser

September: A Quick Dose of Inspiration

"My favourite poem is the one that starts 'Thirty days hath September' because it actually tells you something." - Groucho Marx

Favorite Designs

We Are Wild
Project List

BizCraft Ep.41

BizCraft Episode 41: Core values for you and your business
In this episode of BizCraft Carl and Gene get into personal core values that drive their personal, professional and business goals.

UMS Posts you may have missed....

Krit: Easy Project Management for Designers and Devs
During their startup, Askins learned an important lesson: you must often remove yourself from your work in order to discover core issues. For example, his team desired to quickly solve their own developer problems and build systems to solve those issues.

Kickdrop Code Sample: Input Masks
Input masks can make for a great feedback device on your input fields. The input mask drop freatures formatting instructions for your users without creating the clutter that placeholders can sometimes cause.

A to Z CSS: General Sibling
General sibling is a little known but very useful CSS selector. It allows the styling of an element that is a sibling of another. We’ll look at the syntax, a practical example and then a quick round up of the other child and sibling selectors in CSS.

Interview with Allyson Van Houten from Mailchimp
Allyson ran us through her typical day at MailChimp, where her responsibilities seem endless. Her time is spent with various teams within the overarching marketing team.

63 Web UI Patterns From Today’s Hottest Companies
Samples of UI Pattern studies from the UXPin eBook. Good stuff in here. The Web UI Patterns 2014 eBook from UXPin looks at examples from today’s most forward-thinking companies such as Pinterest, Yelp, Twitter, Spotify, Virgin America, Behance, AirBnB and more to match UI patterns to user needs.

Kickdrop Code Sample: Inline Text Editor
Medium is an amazing blogging platform with beautiful editor. We’ve featured the medium editor in this drop. As the user scrolls over content, they can easily declare headings, edit the style of paragraph text and everything in between.

A to Z CSS: Enabled
:enabled and :disabled are pseudo classes that allow the styling of different states of form inputs, ones that are clickable or can have text entered into them (enabled) or those that can’t (disabled).

Interview with Eric Dodds from The Iron Yard
Eric Dodds, Partner and Head of Brand and Operations at The Iron Yard, shared with us the path that The Iron Yard took to be where they are today, and why code education is taking off in the Southeast and beyond.

Draft Episode 33: Mind The Gap

Draft Episode 33: Mind The Gap
In this episode of Draft we discuss Josh Clark’s talk “mind the gap” – which is about taking the spaces in between screens and UI elements into consideration for your experience design.

Aaron Gustafson Video Interview

The Accessibility of Web Forms

Aaron Gustafson Interview – The Accessibility of Web Forms
Aaron Gustafson Interview – The Accessibility of Web Forms
UMS Video Podcast: Giovanni talks with Aaron Gustafson about the accessibility of web forms and how we, as designers, can change the way things are done to create better experiences for users.

Favorite Dribbbles of the Month


Dave Whyte | Bees & Bombs

Geometry in motion - Some pretty epic animated gifs for your eye candy needs.

Favorite typeface of the month



Dalle was designed in 2012 by Stawix Ruecha, and has been continued to develop over the last two years in order to keep pace with the changing trends and to apply for different uses. 
More about Dalle

Links of usefulness:

More links than you can stand to click on... yowza!
UI Animation in Photoshop – Tutorial
I have been using Photoshop to make UI animations for my work and it works surprisingly well (at least for me). Of course, Adobe After Effect is still the best tool to create complex and awesome animations, but with Photoshop, you can still create some simple and high quality UI animations to preview the animation […]

3D CSS3 Transform Slide Menu
SpacedOut is a three dimensional CSS3/js powered slide menu inspired by site. SpacedOut doesn’t depend on jQuery.

11 Questions To Ask Before Adding Long-Form Content To Your WordPress Site
Adding long-form content to your WordPress website is not as simple as you may think. As well as the considerations about how you actually configure WordPress for long-form and how you create and design long-form content, there’s the key consideration of what benefits long-form will bring to your site. If you are thinking about adding […]

What is Product Design?
This frequently misunderstood field is in need of a proper definition. Chances are, if you are reading this, you work in the tech industry. Chances are, you are currently, have recently, or aspire to be involved in the creation of a modern digital product. This article aims to give you a deep understanding of the […]

Responsive Report 2013 – Gridset
In 2012 and again in 2013, we ran a survey investigating the struggles of modern web design. More specifically, the surveys dug into responsive design, and how it affected workflow for web workers in all sorts of situations. At first, we only intended for this to be used by our team to get a better […]

Time-saving synchronized browser testing. When you’re making responsive websites, there’s a lot of tweaking and testing to do. BrowserSync makes your workflow faster by synchronizing URLs, interactions and code changes across multiple devices. It’s wicked-fast and totally free.

Responsive Web Design Basics – Google Developers
The use of mobile devices to surf the web is growing at an astronomical pace, but unfortunately much of the web isn’t optimized for those mobile devices. Mobile devices are often constrained by display size and require a different approach to how content is laid out on screen.

InfinitySlider – jQuery Slider with CSS3 Animations
Modern, Customizable, Clean, Fluid and Responsive. Responsive effects by default and fully compatible with Desktop, Notebook, Tablet, Smarphone, Firefox, Chrome, Opera, Safari and Internet Explorer. What else you need? We have the Automatic Blur Effect for your images, the Cinematic Effect that allow you to animate your images.
As we all know, media queries are responsive design’s secret sauce. Here are some considerations for crafting high-quality media queries:

7 Habits of Highly Effective Media Queries
From Brad Frost – it’s a year old this week, but still very relevant and worth reviewing again: As we all know, media queries are responsive design’s secret sauce. Here are some considerations for crafting high-quality media queries.

Styleguide Driven Development
Styleguide Driven Development (SDD) is a practice that encourages the separation of UX, Design & Frontend from Backend concerns. This is achieved by developing the UI separately in a styleguide. By separating the UI and backend tasks so they don’t rely on each other, it allows teams to iterate fast on prototypes and designs without […]

UMS Conferences

October 10th / Richmond, VA
Join us for a day of discussions covering design related topics such as; technology, creativity, approach and inspiration. Come out for the day and leave a more inspired and successful designer.

November 3-5, 2014
Breaking Development: Beyond The Desktop in Orlando, FL / November 3-5, 2014

November 7-8, 2014
ConvergeFL 2014 is back in Jacksonville, FL once again. Join us for two days of discovery, inspiration and know-how.

Thank you for checking out this month's UMS Inspiration Newsletter. Our mission is to provide inspiration, motivation & insight into how you design the web. We share a lot of resources, put on online and in-person events.
Copyright © 2014, All rights reserved.

unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp