background-check - Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
color  javascript 
6 weeks ago
IxD (Interaction Design) Checklist - Myplanet Digital
Form a better understanding of interaction through using the IxD Checklist by Amit Jakhu and Aaron Legaspi from Myplanet.
ui  ux  design 
12 weeks ago
Rijksmuseum.github.io : Documentation for Rijksmuseum api's
api  github 
12 weeks ago
Mobile Onboarding: A Beginner’s Guide | Smashing Magazine
The purpose of these onboarding screens — also referred to as walkthroughs — is to introduce the app and demonstrate what it does. Given that these are often the first set of screens with which users interact, they also set the users’ expectations of the app.
october 2014
Flat And Thin Are In | Smashing Magazine
In this article, Adrian Taylor looks at how we got from 3-D and skeuomorphic to flat and minimal and what influence it’s having on interface design as a whole. Additionally, he also shares some tips and considerations on designing flat interfaces.
design  inspiration 
october 2014
A Closer Look At Personas: What They Are And How They Work (Part 1) | Smashing Magazine
Shlomo Goltz discusses how he viewed personas with disdain, until he witnessed them being used properly and to their full potential that changed his mind forever.
october 2014
Sketch-Style-Inventory - Handle layers in Sketch like a boss.
sketch  plugin 
october 2014
Rethinking Mobile Tutorials: Which Patterns Really Work? | Smashing Magazine
In this post, we’ll look at why many common tutorial patterns are ineffective and how you can leverage game design principles to increase user engagement.
walkthroughs  onboarding 
october 2014
Walkthroughs Screenshots :: Mobile Patterns
A library of iOS and Android screenshots for designers and developers to reference.
walkthroughs  onboarding 
october 2014
A Closer Look At Personas: A Guide To Developing The Right Ones (Part 2) | Smashing Magazine
Part 2 explains an effective method of creating a persona, beginning with knowing nothing about users and ending with a refined perspective.
october 2014
How The New Yorker Finally Figured Out The Internet: 3 Lessons From Its Web Redesign | Co.Design | business + design
The New Yorker's creative director and web editor reveal how they approached the redesign--and what other brands can learn, too.
design  journalism  newyorker 
october 2014
Jonathan Harris · Work
The work of artist and computer scientist Jonathan Harris. Born August 27, 1979, in Shelburne, Vermont.
october 2014
Image-Focused Design: Is Bigger Better?
Large images are visually appealing, but they can harm the overall user experience if they aren't appropriately prioritized.
design  photography 
october 2014
Living City | Finally, a 2nd Ave. Subway - Video - NYTimes.com
The Upper East Side is at last seeing progress on its new subway line. For the residents and businesses in the area affected by this vast construction project, it has been an exercise in endurance.
video  nytimes 
october 2014
Forty Portraits in Forty Years - NYTimes.com
The Brown sisters have been photographed every year since 1975. The latest image in the series is published here for the first time.
nytimes  photography 
october 2014
Size Matters: Balancing Line Length And Font Size In Responsive Web Design | Smashing Magazine
A good, comfortable font size is also necessary for setting readable text. This rule is old news. But given the number of responsive websites out there that make text too small or too big in order to achieve an ideal measure, the rule bears repeating.
october 2014
Personas | Usability.gov
A persona is a written representation of your website’s intended users. Find out more about developing personas at Usability.gov.
design  usability  ux  personas 
october 2014
Spotifree is an OS X app that automatically mutes ads on Spotify.
macosx  adblock 
october 2014
How to use Storymap/Gigapixel to create — hell yes — static interactives — Medium
For codenoobs such as myself, it’s a dream to create interactive graphics without having to use (much) code. Of course, …
storymap  medium 
september 2014
Mouse gesture events - Web developer guide | MDN
Gecko 1.9.1 added support for several Mozilla-specific DOM events used to handle mouse gestures. These are special movements that can be made with a mouse or trackpad and can be interpreted to perform specific tasks.
september 2014
Touchpad zoom gesture
var tx = 0;
var ty = 0;
var scale = 1;

document.addEventListener('wheel', function(e) {
if (e.ctrlKey) {
var s = Math.exp(-e.deltaY/100);
scale *= s;
console.log("delta = " + e.deltaY);
console.log("scale = " + scale);
console.log("s = " + s);

} else {
var direction = natural.checked ? -1 : 1;
tx += e.deltaX * direction;
ty += e.deltaY * direction;
var transform = 'translate(' + tx + 'px, ' + ty + 'px) scale(' + scale + ')';
september 2014
Write better walkthroughs with the 3x3 Method — Medium
A 10 minute exercise that will give designers valuable insights into their product
august 2014
Visual Designers Checklist for the Web
A checklist for visual designers within a team setting where designers will share visual exploration with developers
design  teaching 
august 2014
How Do You Design Interaction? | Smashing Magazine
While designing an interface, it's almost obvious to start with drawing. But is it the best way? What about writing conversations instead?
interactive  process 
july 2014
How to Make a Family Portrait — Matter — Medium
A photographer documents an unexpected pregnancy, and the life that came after
medium  photojournalism 
july 2014
Matter — Medium
A magazine for a generation who grew up not caring about magazines
july 2014
Hide header on scroll down, show on scroll up — Medium
Make your content shine by getting out of the way
css  design 
july 2014
Absolute Horizontal And Vertical Centering In CSS | Smashing Magazine
Perfect horizontal *and* vertical centering in CSS, at any width or height!
july 2014
Presenting: Fluidbox — Coding & Design — Medium
Recreating and improving Medium’s default lightbox module
javascript  lightbox  medium 
july 2014
The Tale of Two Schools - NYTimes.com
Fieldston and University Heights are in the same borough but are worlds apart. How much understanding between their students can a well-told story bring?
nytimes  interactivearticle 
july 2014
Original And Innovative Web Layouts | Smashing Magazine
The layout is the foundation of your website. Web layouts guide the user through the sections and tells them what is most important. It also sets the aesthetic of the website. Therefore, you need to carefully think through how you lay out content.
webdesign  inspiration 
july 2014
Take a tour of KathArt Interactive – award winning digital design agency
KathArt Interactive is an award winning digital design agency. Home of some of the worlds most talented digital designers and developers. Based in Copenhagen, Denmark. Take an interactive tour of our Copenhagen office.
inspiration  video  interactive 
july 2014
Fluidbox - Replicating and improving the lightbox module seen on Medium with fluid transitions.
lightbox  jquery  javascript 
july 2014
CSS Corners
.cornered {
width: 176px;
height: 0px;
border-bottom: 40px solid red;
border-left: 40px solid transparent;
june 2014
Browse Images
BevShots are modern photographs of alcohol under a microscope.
photography  macro  microscope 
june 2014
« earlier      
2011-keynote 360 3d 5dmkii aftereffects andrewdevigal android animation api app apple arstechnica art artist audio backup bank bittorrent blog book bootstrap browser business businesscard calculator camera canvas census charts chicago chrome cinema4d cinematography class clothes collaboration color comments css css3 data date debug deeplinking depthmap design desk development diy dock documentary documentation-example dolly dropbox dylan earth ebook education email example explainer extention eyetracking facebook fcpx film finalcutpro firefox flash flickr flow fluid font fonts food framework freelance from ftp funny gallery game gamemechanics gamify generative generator gif gigapan git github gmail google googlechrome googledocs googlefonts googlemaps gopro grid growl guardian hackintosh harddrive hashtag history howto html html5 ibooks icon icons ie illustrator infographic infographics inspiration instagram interactive interactivearticle ios ipad iphone itunes japan javascript jonhuang joshwilliams journalism jquery kessler keynote kickstarter kids leaflet lens life lightbox lightroom logo mac macosx macro magiclantern map maps medium microsoft mobile moma-doc-2012 money monitor motiongraphics movies multimedia music network news no_tag npr nyc nytimes nytimesmagazine oculus office omnigraffle onboarding panorama paper parallax patterns pdf personal personalreference photographer photography photojournalism photolayout photoshop pictogram plugin politics portfolio portraits print printer productdemo programming prototype prototyping psd psychology rental research resource responsive rig russia science shopping slider slideshow smashingmagazine social space ssd starwars statistics stencil stereo stereoscopic storybook storymap storytelling streetview studio svg teaching ted template terminal terrencemalick textmate textures theguardian theme timelapse timeline timelinejs titlesequence tomjackson tool tools toorder travel tumblr tutorial tutorials tweet twitter typography ugc ui unity usability utility ux vector video videogames vimeo visualization vpn vr walkthroughs wallpaper webdesign webdev webdevelopment webfont webkit wikipedia wireframe wordpress yahoonews youtube

Copy this bookmark: