One of the best use cases for CSS Variables is theme creation. And by that I don’t only mean changing themes for your entire app, as that’s probably not something you need to do very often. What’s…

While Facebook is eager to get more people using its social virtual reality initiative Spaces, it has until now limited the people users could connect with to their friends or family members on Facebook. But even as Facebook has been making moves recently to make the experience of its core service more familiar to users–by doing … Continue reading “Facebook will now let you hang out with your interest group in VR”

sketch-style-libraries - Sync layer & text styles from any Sketch Library

I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read Bryn Jackson’s great article on 8pt Grids first. I have a fairly unique…

I’m going to outline a process for answering all of those questions, speeding up the time it takes to arrive at consistent typography that matches your grid system, and minimizes thrashing. A…

This super useful Bootstrap design system for Sketch was designed and shared by the Thorgate team. I hope you enjoy!

An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.

The creation of interaction flows is a big part of our process as digital product designers. After many iterations we now have a mind-bending fast way to do all of this in 💎Sketch.

20 Really Useful UI Animation Tutorials Every Designer Should Know

Free online photo editor. Open and edit PSD, XCF, Sketch (Photoshop, Gimp and Sketch files). Apply photo effects and filters. Convert between PSD, Sketch and other formats. A perfect alternative to Photoshop or Gimp.

The lightweight library for manipulating and animating SVG. SVG.js has no dependencies and aims to be as small as possible.

After the success of Sketch Symbols Manager, here is a fast and easy way to manage all your Text Styles. No more hassle with long and complex names, or renaming tons of styles because you misspelled a folder name. Keep your text styles clean and tidy. What you can do. Easily rename text styles and text styles folders, Drag and drop your styles from to folder to folder, Create new folders, Delete unused text styles. See how it works: https://youtu.be/i4UOtZhPukg.

Coffitivity Offline recreates the ambient sounds of cafes to boost your creativity and help you work better.

Generate Isometric views from Artboards and Rectangles in Sketch app.

InVision presents THE LOOP, a short documentary on IBM's enterprise design thinking transformation, featuring candid interviews with design leaders.

Here are some things I think about when I facilitate a design sprint. Lots of what goes into facilitation I can’t explain—like anything, you just do it, gain experience, and get better over time. But…

Use this Framer interactive UI kit to capture all kinds of user input in your prototypes.

Super simple and lightning fast image sharing. Upload clipboard images with Copy & Paste and image files with Drag & Drop.

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have too.

Pan and zoom your .sketch files canvas directly on the web for free. Easily share, collaborate, and even go back in time with intuitive versioning.