The five best design links, every weekday

Date: 2016/07/07

stevefraschini.com

Steve Fraschini - Art Director

Portfolio of Steve Fraschini - Art Director - Ui-Ux Designer

medium.com

How FanDuel Designs for Fantasy Sports

An Interview with Chris Leckie, Design Director You've probably seen commercials for FanDuel, the popular daily fantasy sports app that lets users compete against their friends (or in a public league) for cash prizes. Founded in 2009, FanDuel has exploded in size, and now serves over a million active users.

medium.com

Metrics Versus Experience

Some decades ago, if you wanted to build a great experience, you'd take a deep breath, close your eyes, and mutter a prayer to that oracle of answers: your gut. But as our ancestors learned to harness the power of fire, so did we learn to harness the power of measurement and analytics.

medium.com

The Design Tools We Really Need

Designers have never been more empowered to design beautiful interfaces. Thanks to tools like Sketch, we can now mock up interfaces faster than we can edit photos. Other tools like Framer, Pixate, Invision, Flinto, etc, have come around that allow us to take these mock ups into clickable prototypes and animated transitions.

nfnlabs.in

Demonstrate - Mobile Prototyping. Zero coding.

Idea to mobile prototypes in minutes. Zero coding required

bitsofco.de

The :target Trick

The :target pseudo-class refers to an element within the document that the URL's fragment points to. For example, this piece of text is wrapped in a element which has an ID of #target-test. If you went to the url, https://bitsofco.de/the-target-trick#target-test, then that element will be the target and and styles applied to the :target pseudo-class for that element will take effect.

css-tricks.com

Accessible SVGs

Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif and png graphics for the well-supported SVG, too? Let's see how this will impact users of assistive technology (AT) and what is needed in order to ensure a great user experience for everyone.

facetheforce.today

Face the Force Today: free star wars placeholder service for designers/developers

A quick and simple service for getting pictures of Star Wars characters for use as placeholders in your designs or code.

codecomet.io

CodeComet: Version control, collaboration and online coding for devs

Version Control, Collaboration & Coding for Front-end Developers

codepad.co

CSS Triangle Tutorial

How to make a triangle using CSS.

smashingmagazine.com

Ten Requirements For Making Home Page Carousels Work For End Users (If Needed)

Are home page carousels actually helpful to users? Or are they simply popular because they are an easy tool for solving internal discussions in large organizations about who gets to put their banner on the home page? The short answer is that home page carousels can work, but in practice the vast majority of implementations perform poorly with end users.

medium.com

It's just a video player, right?

The video player plays a huge role in everything we do here at Viacom. So, when we were asked to re-think the design of our video player controls we realized that the stakes were high. We knew this would not be an easy task as the video player is a complex tool and was going require a lot of work.

medium.com

Persuasive UX Design: How To Get Users To Do Stuff (Part 1)

While in San Francisco for the recent Smashing Conf 2016, I enrolled in a one-day workshop about persuasion in UX design, taught by Dr. Susan Weinschenk. With a PhD in psychology, she applies her research on brain science to predict, understand, and explain what motivates people and how they behave digitally.