Welcome to My Blog

Archives

Design Tooling is Still Figuring Itself Out

It probably always will be, to be fair.

At the moment, there are all kinds of things that design software is struggling to address. The term “screen design” is common, referring to the fact that many of us are designing very specifically for screens, not print or any other application and screens have challenges unique to them. We have different workflows these days than in the past. We have different collaboration needs. We have different technological and economic needs.

Let’s …


Design Tooling is Still Figuring Itself Out is a post from CSS-Tricks

read more

What 3D UIs Will (Probably) Look Like

Okay WDD readers, this one is going to get real conceptual. I’m here to talk about leaving two-dimensional user interfaces behind. Ditching the screen. Going 3D in the real world. Well, you know what I mean. You know, the stuff of science fiction that always ends up looking sort of fun, but really tiring and […]

read more

Design Resource Sites

Sometimes when you’re designing something, you need little helping hands. Perhaps a nice stock photo. Perhaps a happy little color palette. Perhaps a bleep or bloop sound. Perhaps the perfect icon.

There are tons and tons of sites that do those things. There are fewer sites that curate these design resource sites into manageable, high-quality groups. So allow me to abstract that yet another step and provide a selected list of those types of sites.

The Stocks

This is the …


Design Resource Sites is a post from CSS-Tricks

read more

Ultimate UX Design Guide to SaaS On-Boarding, Part 1: Sign-Up Forms

SaaS Customer On-boarding is the process that users have to experience while initiating their journey as a customer on a company’s software application. Customer on-boarding initiates from the experience that employees previously had to undergo while joining a firm. The on-boarding process sets the tone for a good user experience. Long story short, special emphasis […]

read more

Do you put anything in your code specifically for “Find in Project”?

During a having a team meeting the other day, a code formatting idea came up that I thought was super interesting. It had to do with formatting code in a such a way that made it easier to find what you were looking for later with any code editors “Find in Project” feature.

Here’s what it was.

When declaring a function in JavaScript, put a space after the function name and before the opening parenthesis, like…

function doSomething () {


Do you put anything in your code specifically for “Find in Project”? is a post from CSS-Tricks

read more

Because Size Matters: 2 Million Free Icons From Iconshock

Icons are one of the most characteristic elements in many designs; they’re also one of the most readily available resources to be found online, with free icon packs all over the web. Free icons give designers and developers the tools for creating visually appealing demos, user interfaces, apps, and everything in between. Enter the team […]

read more

HTML Templates via JavaScript Template Literals

You know those super cool backticks-for-strings in new JavaScript?

let emotion = `happy`;
let sentence = `Chris is feeling ${emotion}`;

Besides the variable interpolation in there being mighty handy, the do multi-line strings wonderfully, making them great for chunks of HTML:

const some_html = `
<div class="module>
<h2>${data.title}</h2>
<p>${data.content}</p>
</div>
`;

That doesn’t look overly different than JSX does it?! Maybe we’d do something like that as a React component:

class MyModule extends React.Component {
render() {
return
<div class="module">


HTML Templates via JavaScript Template Literals is a post from CSS-Tricks

read more

What’s New for Designers, September 2017

This month’s collection of new tools is a mashup of sorts—there are a lot of new elements, components and typefaces out there and they are all totally different. From patterns to UI kits to browser extensions that will make your workflows better, this list has it all. If we’ve missed something that you think should […]

read more

lite.cnn.io

This little website pulls in all the main stories from CNN and strips almost everything from the design; styles, images, fonts, ads, colors. Nada, zilch, gone. At first it looks like nothing but hypertext and it feels like an extraordinary improvement but Sam Saccone made a thread about potential improvements that the team could use to make that experience even faster such as server side rendering and replacing the React framework with something smaller, like Preact.

Either way this …


lite.cnn.io is a post from CSS-Tricks

read more