A boilerplate for creating superb style guides

The homepage of a style guide should provide high-level information around what the design system is, what benefits it provides, who it’s for, and how to get started with it. Like any good index page, it should provide clear navigation to key parts of the website.

Flexbox cheatsheet

1. Garamond
2. Gill Sans
3. Lato
4. Didot
5. Avenir

There are two basic questions you need to ask yourself at the start of any UX project. Let’s break it down.

WHAT DOES THE USER WANT?

WHAT DOES THE CLIENT WANT?

DESIGN FOR THE USER
Have you come across designers who seem to design for other designers, but not for the end user? I know I have. I’ve also come across designers who design for the client instead of the end user. And, if we’re going to be completely honest here, I’ve also come across designers who design for their own ego exclusively. It fills me with cringe.

4-Second Rule
If you want users to stay on your app, don’t use spinners for processes that take longer than 4 seconds to load. A research study has found that most users’ tolerable wait time is 4 seconds. This means that their behavioral intentions begin to change after 4 seconds.

Bit manipulation in JavaScript is complicated by the way that it attempts to be completely type free. One of the consequences of this type free approach is that numbers are always stored as 64-bit floating point values - i.e. double precision floating point.

Yes - that's correct JavaScript doesn't have an integer type that you can make use of. When needed JavaScript will perform an internal conversion to a 32-bit value but you can't gain access directly to this integer and it is converted back to floating point format as soon as it is possible.

Check out our design articles, interactive tutorials and awesome tips.

We asked some of our favorite professors and lecturers who use InVision in their classrooms to share their thoughts on design. Here’s what the educators shaping the next generation of designers had to say.

Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.

Social media have so thoroughly infused our everyday lives that calling them “ubiquitous” seems inadequate. Facebook, Twitter, Instagram, YouTube, Snapchat, and others take up an astonishing amount of our time, bandwidth, and attention, and have become indispensable business and marketing tools as well.

Digital experiences are emulating real life more and more every day. This may seem counterintuitive, considering the hate that rains down on skeuomorphic visual design, but there’s a lot more to emulating real life than aesthetics. Interface designers can emulate real-life physics and movement on a digital screen. This type of motion is becoming more common, which is why it’s becoming easier for people to understand computers. We’re not getting better, the interfaces are!

Alda’s ambition is to be a powerful and flexible music programming language that can be used to create music in a variety of genres by typing some code into a text editor and running a program that compiles the code and turns it into sound. I’ve put a lot of thought into making the syntax as intuitive and beginner-friendly as possible. In fact, one of the goals of Alda is to be simple for someone with little-to-no programming experience to pick up and start using. Alda’s tagline, a music programming language for musicians, conveys its goal of being useful to non-programmers.

Menu -> X transition

If you could go back in time and tell yourself to read a specific book at the beginning of your career as a developer, which book would it be?

The first step is always the hardest.
Good things take time.
Being busy does not equal being productive.
You will always have less control than you want.
You're only as good as those you associate with.
Your biggest problems are mental.
Your self-worth must come from within.
Not everyone will support you.
Perfection doesn’t exist.
Fear is the number one source of regret.

In a way or another, pretty much everyone has used Bootstrap at least once. Millions of websites, prototypes, and themes for well-known CMSs (such as WordPress) are based on Bootstrap. The framework is simple to install, easy to use, and incredibly time-saving. It's built on high quality HTML, CSS, and JavaScript that allows you to create good-looking designs with a minimal effort.

1125px × 2436px (375pt × 812pt @3x)

Symbol: VDIGX
Vanguard Dividend Appreciation ETF (VIG)