The five best design links, every weekday

Domain: medium.freecodecamp.com

medium.freecodecamp.com

Swip.js: What if all your mobile devices formed a single screen?

Think about all the possibilities of being able to combine any kind of mobile device, independent of its operating system.

medium.freecodecamp.com

CSS in JavaScript: The future of component-based styling

Let's start off with typography, a fundamental basis for design. The first step is to define typography constants. And unlike Sass or Less, constants for Aphrodite can go in a JavaScript or JSON file. Define typography constants When creating constants, use semantic names for your variables.

medium.freecodecamp.com

What Would An Apple MacPad Pro Look Like?

Apple has created many near-magical devices that enrich our lives. Their products exude ultra premium design, with a multitude of useful features, and constructed of refined materials. They get thinner. They get lighter. (But those prices never get smaller.) And we love them for it.

medium.freecodecamp.com

A Vue.js introduction for people who know just enough jQuery to get by

I've had a love-hate relationship with JavaScript for years. I got to know the language by way of the design and development community's favorite whipping boy, jQuery. You see, at the time I began learning JavaScript, as a "Designer who codes," working with jQuery was a magical experience.

medium.freecodecamp.com

Before you can master design, you must first master the fundamentals

Last week, one of my readers sent in a question: How do I become a better visual designer? As I was thinking about how to answer this question, my mind wandered to my experience with learning Mandarin Chinese. Recently, I decided to teach myself Mandarin.

medium.freecodecamp.com

No budget? No excuse. UX on the cheap Part 2: let's get building.

This is a continuation of my series on ' UX on a Budget'. If you haven't read part one, I'd strongly recommend giving it a read before getting into this article. You can find it here. In part one, I discussed the first stage of IDEO's circular design methodology, ' Understand'.

medium.freecodecamp.com

A Spacial Model for Lossless Web Navigation

In my last post I described the concept of navigation trails as an evolution of the standard tabbed browsing model. As a part of the Browser.html project, I'm working on a spatial model through various user interactions and animations. This should help users better understand what's going on and how to navigate the web most effectively.

medium.freecodecamp.com

How hating code made me a better designer.

Four months ago, I left my cushy San Francisco gig at LinkedIn to learn to code. As an aspiring designer, I didn't have a clue about how web products were built. Coding was the next logical step to pursuing this goal.

medium.freecodecamp.com

How a UI Revamp Could Help Make Twitter Successful, Again.

It's no secret that Twitter has been struggling to grow its user base. To fix this, they've laid out a long-term strategy to turn around its business by focusing on five areas: Its core service Live-streaming video The site's "creators and influencers" Safety Developers Two things that stuck out to me in that statement are 1) focus on its core service (tweeting) and 2) live-streaming video (Periscope).

medium.freecodecamp.com

How to Talk About Your Side Projects

I remember sitting down for my first interview at Facebook. Back then, the feeling I had deep in my stomach was mostly excitement but also a bubbling fear. Fear I was somehow being pranked. Fear they had the wrong guy. Fear I would walk in, embarrass myself, and return home defeated.

medium.freecodecamp.com

Guerrilla Usability Testing the New Experiences Feature on Airbnb's iOS App

Airbnb recently came out with Experiences, which are activities designed and led by hosts. I encountered some problems when using the newly redesigned app, so I conducted a usability test to: See if other users were experiencing similar issues Identify user pain points / priorities and Make the user experience more frictionless and intuitive.

medium.freecodecamp.com

No budget? No excuse. Here's a practical guide to UX on the cheap.

Here's a problem I've encountered over and over again during my 5 years as a UX designer at Melbourne agencies: no budget. "We would love to do user testing, but we can't afford it." It can be hard to sell user experience design.

medium.freecodecamp.com

The Design of Political Movements

As designers, we can apply our skills to shape public opinion, and ultimately affect political change. This article will explore some of the ways designers have made an impact in the past through branding, product design, and graphic design. Branding is a powerful tool. Branding is a promise of shared values.

medium.freecodecamp.com

Why I Converted My App to a Chatbot

Just under a year ago, I embarked on a quest to better understand my seasonal allergies. In support of this quest, I spent a few weekends writing an iOS and Android app called Hayfever. With the app, I could log my symptoms and it would collect data about the allergens in the area.

medium.freecodecamp.com

I wanted to see how far I could push myself creatively. So I redesigned Instagram.

The challenge: to take an application I love and use everyday, then see how far I could push myself creatively as a designer, by rebuilding it from the ground up. I chose Instagram because I've been a dedicated user since 2011  - a year after it was launched.

medium.freecodecamp.com

How to not utterly ruin your mobile app's user interface

There's no single universal formula for designing a great user interface (if you discover one, please let me know). But I do know some major mistakes to avoid if you want to deliver a great app. I've seen every one of these mistakes made by designers of all levels of experience.

medium.freecodecamp.com

Why you should never ask a developer to fix your bike

I used to work as a system administrator. I spent my days repairing PCs, doing backups, and restoring deleted emails that had suddenly become very important. But sometimes I got really weird requests. Like fixing a microwave. Or changing a light bulb in the women's bathroom.

medium.freecodecamp.com

Material Design and the Mystery Meat Navigation Problem

In March 2016, Google updated Material Design to add bottom navigation bars to its UI library. This new bar is positioned at the bottom of an app, and contains 3 to 5 icons that allow users to navigate between top-level views in an app. Sound familiar?

medium.freecodecamp.com

How Flexbox works - explained with big, colorful, animated gifs

Flexbox promises to save us from the evils of plain CSS (like vertical alignment). Well, Flexbox's deliver on that goal. But mastering its new mental model can be challenging. So let's take an animated look at how Flexbox works, so we can use it to build better layouts.

medium.freecodecamp.com

How making hundreds of hip hop beats helped me understand HTML and CSS

It was 2 AM on a Saturday night, and I was up late working on a new project. As a beatmaker, you would think that my screen would look something like this: Rather than programming kicks and snares, I was trying to build out a sticky navigation bar on my website.