frayde

146 Flips | 1 Magazine | 1 Following | 15 Followers | @frayde | Keep up with frayde on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “frayde”

Why empty states deserve more design time

An empty state, or zero-data state, is an afterthought for many designers. The thing you design last—if at all—because it’s a temporary or minor part …

NYTimes Design Concept

New York Times redesign was done for study purposes only<br>and is not supposed to be implemented. The redesign contain ideas, which I would like New …

Can You Fix a Bad Design? Here’s Where to Start

It’s an hour before deadline and your boss just handed you a design project to finish up. And it’s bad. Very bad. It has problems ranging from poor …

UI Design

Mastering UI Patterns for Smarter Design

Any discussion of UI design will always return to UI patterns.<p>As described in the free e-book Web Design for the Human Eye, UI patterns originate as …

Content Modeling Phases

Most of my projects involve building content models, and I have a deep and abiding love for the process. I like teasing out the patterns and …

Information Architecture

Creating Personas

Cooper, co—founded by industry giant Alan Cooper and his wife Sue, is a leading user experience and service design consultancy based in San …

UX Design

Detect, Undo And Redo DOM Changes With Mutation Observers

I’ve been wondering why DOM Mutation Observers, which can monitor changes to one or more DOM elements and return a report of what changed, aren’t …

CSS performance revisited: selectors, bloat and expensive styles

Ben FrainWhat is fast CSS? Where are the bottlenecks? Are the rules of slow and fast selectors even valid anymore? Are the properties we use more …

CSS

How to prefetch video/audio files for uninterrupted playback in HTML5 video/audio

Sometimes when you're playing a media file using an HTML5 <video> or <audio> element, or with WebAudio, you really want to be sure that the whole …

Pick a date and a time:<p>Works just fine with initial values!<p>Weeks starting on monday:<p>Pick a date:<p>Pick a time:<p>Want to display two contiguous months …

Calendars

Fullscreen Form Interface

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form …

spin.js

spin.js<p>Example<p><b>Share it!</b> If checked, the option values will be stored in the URL so that you can easily share your settings.<p>Features<p>No images, no …

How To Create Flat Style Breadcrumb Links with CSS

With all the progressions of CSS and CSS3 over recent years we’ve reached a point where many of the old coding techniques that involved background …

odometer

GitHub ★ s so far:<p>0<p>Star odometer on GitHub to to see it update.<p>Odometer is a Javascript and CSS library for smoothly transitioning numbers. See the …

JavaScript

iOS, Android, Windows Phone : audit ergonomique des OS mobiles

Notre étude sur les systèmes d’exploitation mobiles<p>Introduction<p>De nos jours, les mobiles sont omniprésents dans notre société. Est-ce que certains …

Full-width justified vertically centered navbar

In a couple of recent projects I’ve faced designs where the main navigation bar gave me more trouble than usual. These are the prerequisites that …

Web Development

JavaScript-Driven Accelerated Animations

{vollick, jbroman, ajuma, rjkroege}@chromium.org<p>Problem<p>JavaScript-driven animations are extremely flexible and powerful, but are subject to main …

Web Development

Sass: Syntactically Awesome Style Sheets

CSS Compatible<p>Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any …

CSS

Home screen web apps for Android thanks to Chrome 31+

Tweet We’ve been dealing with webapps on iOS for a couple of years: websites that after Home Screen installation become a full-featured full screen …

Web Applications

fastdom

Eliminates layout thrashing by batching DOM read/write operations (~600 bytes minified gzipped).<p>Outputs:<p>Examples<p>Animation example<br>• Aspect ratio …

How Advertisements Can Affect Your Product's User Experience

<i>Ben Barone-Nugent is the Content Strategy Lead at Proximity BBDO in Melbourne, Australia. He’s previously worked for TBWA/DAN and DTDigital on clients as diverse as McCain, Qantas, American Express, and Honda. Ben also works with ClickFork, a startup that brings great online experiences to the</i> …

Drew Thomas: responsive web design is hard work

A few years ago, Ethan Marcotte introduced the concept of responsive web design. Web designers, developers and web project stakeholders latched onto …

Now with Responsive!

Two years later, this site is finally responsive.

Web Design

Node.js and the new web front-end

Front-end engineers have a rather long and complicated history in software engineering. For the longest time, that stuff you sent to the browser was …

A Look at Flat Design and Why It's Significant

There has been a growing tidal wave of flat designs on the web, and recent trend reports have confirmed that they're only increasing in popularity.<p>Of …

UI Design

Google Web Designer

Bring ideas to life across screens<p>Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.<p>Download Web …

The Color Effect - Red Capures Attention, Blue Relaxes & Yellow Represents Happiness | Web Design

Post Views: 25<p>The use of color in movies, television and commercials has evolved tremendously. Although the popularity and obsession with the moving …

jQuery.crSpline

fullPage scroll snapping. Create full screen pages fast and simple

Open<p>fullPage.js is actively mantained and community driven.<p>Solving developers' issues since 2013.<p>commits<p>closed issues<p>contributors<p>Sponsored by<p>The best!<p>…

JavaScript