PUBLIC MARKS from sbrothier

Considerations and thoughts on designing for the 10-foot UI experience

There is a TON of stuff to say about the new Apple TV release. If you want to skip to the concrete details, jump down to “The Basics” below.

Helium is a floating browser window that allows you to watch media while you work. Your content will never fall behind your other windows even as you switch tasks.

While good color palettes are easy to come by these days, finding the right color palette for data visualizations is still quite challenging.

chroma.js is a tiny JavaScript library (12kB) for dealing with colors!

Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we're doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects.

Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library.

If you don’t already know, Soundcloud is sort of like YouTube, but for audio rather than video. It provides a rich API for building apps that use its audio streams, so I decided to use it as the source for my visualization (note that you’ll need to register your app to use the Soundcloud API – it’s free and straightforward to do).

Regular Bold Italic (RBI) is a collaboration between Jeff Schreiber and Timo Kuilder. Two Dutch graphic designers with a passion for letter design. It's true that we didn't spend years and years creating the new DIN or a twenty four-folded Helvetica. Our perfection lies in exciting shapes and fonts with character.

BLKBK is a graphic design and visual communications studio specializing in type, lettering, brand identity, art direction, and design for print and web.

Kindle Comic Converter is an app that allows you to transform your PNG, JPG, GIF, CBZ, CBR and CB7 files into EPUB or MOBI format e-books. Preparing comics and manga for your E-Ink device was never easier.

How we used Polymer to create a high-performance WebGL mobile controlled Lightsaber that is modular and configurable. We review some of the key details of our project https://lightsaber.withgoogle.com/ to help you save time when creating your own next time you run into a pack of angry Stormtroopers.

The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images. It applies to the element itself as well as any images supplied in other properties for the element. It has no effect on non-scaled images.

In this demonstration, we build upon the previous example by replacing our static textures with the frames of a playing Ogg video file. This is actually pretty easy to do, but is fun to look at, so let's get started. Similar code can be used to use any sort of data (such as a canvas as the source for your textures.

Three.js supports some basic rigging and skeletal animation. The simplest way to achieve a nice character animation is to make it in appropriate software first. This article is going to be about Blender rigging workflow and how to do the best for a clean Three.js export.

Today I’ve faced a rather difficult problem to solve. Creating model in Blender, animating it with armature and exporting the animation to THREE.js (r56) JSON format.

Most authors give interviews when they’ve been done with their books for more than a year. After the long processes of copyediting, cover-approval, and book-tour scheduling, the actual composition of the book is a distant memory. The following conversation with the novelist Joshua Cohen was conducted last Tuesday, when he was about 40 percent finished with his new book, PCKWCK (his tenth)—and, for a few hours every day this week, the newest novel in existence.

Using Paper.js you can easily work with the colors of individual pixels of Raster items.

When using GDI+ method you can optimize the process of bitmap manipulation  seven  times.I am implementing an image scaling algorithm at my University Seam Carving . While working on this project I realized that simply accessing pixels by the GetPixel and SetPixel methods is too slow.

The Bitmap class has GetPixel and SetPixel methods that let you acquire and change color of chosen pixels. Those methods are very easy to use but are also extremely slow. My previous post gives detailed explanation on the topic, click here if you are interested. Fortunately, you don’t have to use external libraries (or resign from .NET altogether) to do fast image manipulation. The Framework contains a class called ColorMatrix that lets you apply many changes to images in an efficient manner. Properties such as contrast or saturation can be modified this way. But what about manipulation of individual pixels? It can be done too, with the help from the Bitmap.LockBits method and the BitmapData class… A good way to test individual pixel manipulation speed is color difference detection. The task is to find portions of an image that have color similar to some chosen color. How to check if colors are similar? Think about color as a point in three dimensional space, where axis are: red, green and blue. Two colors are two points. The difference between colors is described by the distance between two points in RGB space.

Discover nearly 1500 Gins and 100 Tonics

We know design is important in today’s uber tech world; but it still happens, in many teams design thinking ends up at a stand still once the deliverables are passed down the chain to marketing or development.