Implementing Adaptive Icons in Android
Description:Android Oreo introduces Adaptive Icons which allow device manufacturers to choose the outline, or mask, of all app icons on the device. This guarantees that all app icons will be uniform on each device, whet...
Creating App Icons for iOS
Description:App Icons are the nice, neat little wrapper for your app. They’re usually the first thing that users see before using your app, and they’re a constant reminder to your users of your app and your brand. In th...
Load Screens in React
Description:Load screens provide a visual indicator to users that data is being fetched and a useful reminder that the app isn’t frozen. They also can prevent unwanted user interaction with your site. This screencast wa...
HTML5 Drag and Drop
Description:Improve user experiences on your web site by adding drag and drop functionality without any external libraries or frameworks. The Drag and Drop API is part of the core HTML5 spec and allows developers to mak...
Description:In this video you will learn about ConstraintLayout. It will cover how to use the graphical editor, how to add constraints to your views and tweak their attributes to position them on screen, and it has an e...
Description:Android O has the ability to change the size of text in a TextView based on the size of the view. In this screencast learn how to add the autosizing and the different modes available.
Dynamic Stack Views
Description:UIStackViews are a relatively new addition to UIKit, appearing with iOS 9. They are quite useful because they eliminate the need for many Auto Layout constraints in common screen designs, making them easier ...
Drawing Custom Controls
Description:Sometimes your app design calls for a control design that isn't provided in UIKit. In this video, we draw one from scratch!
Description:Android O introduces fonts as resources which will greatly simplify using custom fonts in your app. In this video learn how to add those fonts, how to apply them, and how to create custom font families.
Using Container Views to Manage Complex Layouts
Description:When you have a complex view controller view, sometimes it is helpful to break up the view into manageable chunks. In this video we will show how you can use container views to simplify the construction of c...
Versioning and Commenting in Zeplin
Description:Zeplin bridges the communication gap between developers and designers. We use commenting and versioning to communicate and get feedback about projects. After all, collaboration is the key to a successful pr...
How Design Evolves within Apple's HIG: Adding a Popover with Photo Upload
Description:Want to know how truly great designers work with the Apple HIG? Let’s watch along as we solve a challenging design issue and use the HIG to guide our decisions.
Creating Adaptive Icons for Android
Setting up Sketch for Color
Description:When it comes to adding color to your application, your first color choices may not be the ones you keep. Because of this, I like to create my Sketch file with easily adjustable color themes. In this video, ...
Creating Color Palettes with Adobe Color
Description:In this screencast, I will be showing you how to pick color palettes for your UI design. After this screencast, you will be able to pick a base color, understand the different color harmonies, pick color pal...
Linking Color Symbols to Components in Sketch
Description:In this screencast, we will learn how to add color symbols to your UI components in Sketch. After this screencast, you will be able to link color symbols to UI components and change the colors of your applic...
Creating a Color Theme from a Photo in Adobe Color
Description:When it comes to picking out colors that match photos, it can be difficult to pick the perfect color to pair. In this screencast, we’ll show you how to use Adobe Color to pick colors for an Android card base...
Exporting Assets Directly From Zeplin
Description:In this screencast, we’ll show you how to leverage Zeplin to export design assets for development. By the end of this video, you’ll be able to quickly and easily export design assets using Zeplin’s Asset Exp...
Creating a Library with the Material Design Plugin
Description:The Material Design plugin is designed to make creating and managing a design system for Android easy. In this screencast, we’ll show you how to get your Sketch documents set up to use the official Material ...
The Interaction Design of a Horizontal Scroll with Snap
Description:When designing for content, there are times when you’ll need to design the layout of content to scroll vertically and horizontally in your mobile app. It’s common to see this in content-rich applications tha...
Description:Trouble getting layouts to fit the keyboard? In this screencast, we'll show you how to handle your layouts changing due to the keyboard. After this series, you will have several different tools for avoiding ...
Clickable Cards with Sub Links
Description:In this video, you’ll learn how to implement a nested link card design without violating any web standards, using pseudo elements and positioning.
Embedding a Responsive Hero Video on a Homepage
Description:In this video, you'll add a responsive hero video to a rails blog project, but this code can be used for any kind of web project. We’ll also take a look at the embed code for YouTube and Vimeo, in order to g...