background preloader

Design

Facebook Twitter

Color Wheel - Color Calculator. The color wheel is a chart representing the relationships between colors.

Color Wheel - Color Calculator

Based on a circle showing the colors of the spectrum originally fashioned by Sir Isaac Newton in 1666, the colour wheel he created serves many purposes today. Painters use it to identify colors to mix and designers use it to choose colors that go well together. The classic color wheel shows hues arranged in a circle, connected by lines or shapes. The colors include primary colors (red, yellow, and blue), secondary colors (orange, green, and violet), and tertiary colors (yellow green, blue green, blue violet, red violet, red orange, and yellow orange).Secondary colors are created by mixing primary colors.

For example, mixing red and yellow creates orange; mixing yellow and blue creates green. 4096 Color Wheel Version 2.1. How to create a high-quality GIF. Even with all the video streaming options available to us today, there’s nothing that can match the weird, mesmerizing quality of a good animated GIF.

How to create a high-quality GIF

Using a D3 Voronoi grid on top of your chart to improve UX. EDIT: I’ve updated this tutorial in August 2016 when Franck Lebeau came with a great improvement on the final step In this tutorial, I’ll show you how you can add an invisible Voronoi grid over a scatterplot which will improve the experience of the viewer when hovering over the plot.

Using a D3 Voronoi grid on top of your chart to improve UX

I’ve taken a dataset from the Worldbank database that contains the total GDP & GDP per capita (current US $) and the life expectancy at birth for all countries in the World. I choose these indicators because they are known for most countries in the world. I just needed a dataset with a few hundred datapoints to have a nicely filled scatterplot, so using something with countries suffices (just as a note, the numbers are from 2010). In the example below you can see the end result that we are after: a scatterplot with a tooltip visible on a hover or mouseover event.

Another benefit of the Voronoi is that it is also easier to get a sense of a region, especially a rather empty region. Below you see the idea. Joshua Stevens - Bivariate Choropleth Maps: A How-to Guide. “I’m not bivariate, but I am curious.”

Joshua Stevens - Bivariate Choropleth Maps: A How-to Guide

That quip has been stuck in my mind ever since I overheard it at the 2013 NACIS conference in Greenville, SC. Not only was it perfectly timed after a talk about bivariate mapping, but it rang with a great deal of truth: a lot of folks aren’t creating bivariate maps, but they want to try. Balsamiq. Take a second.

Balsamiq

Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled with powerful yet only-visible-when-you-need-them features. Getting your ideas out should be effortless. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. See what you can build with Mockups Download the samples above, or find more on Mockups To Go, our community-contributed stencils site.

Designed for collaboration Your whole team can come together around the right design using Mockups. Academic Resource Home - TypeCulture® Welcome to the TypeCulture Academic Resource - an educational aid for students, educators and professionals who are seeking information about the history, design, manufacture and use of typefaces.

Academic Resource Home - TypeCulture®

I am pleased to offer this resource; I have long sought after a compendium of reliable information about type and typography for my students. While there are a number of good websites that contain a wealth of links, some of which are included here, the thoroughness and accuracy of other sources often leave much to be desired. So I offer this as a reliable resource for finding out more about type. I heartily welcome your contributions, corrections and constructive criticism. Mark Jamra. Typography. Color Wizard - Color Scheme Generator - Colors on the Web. Paletton - The Color Scheme Designer. 50 Best Websites 2014.

10 Minute Mail In case its name didn't give it away, 10 Minute Mail sets you up with a self-destructing email address that expires in -- you guessed it -- 10 minutes.

50 Best Websites 2014

Your temporary inbox works just like regular email, allowing you to forward and respond to messages, and you can add extra time if 10 minutes isn't quite long enough. Once you're done, light a match and walk away. 10 Minute Mail Any.do Any.do is already one of the best task managers for smartphones, and the website is especially useful when you need a big-picture view of your plans. Any.do Background Burner For those without serious Photoshop skills, Background Burner does a surprisingly good job of removing background images from photos. The Best Designs - Web Design Inspiration.