Sketch guides: Smart Layout and complex components

Sketch guides: Smart Layout and complex components

With Smart Layout, you can supercharge your Symbols and turn them into responsive components that automatically resize to fit their content. In this video, we’ll walk through how you can apply different Layout directions within the same Symbol. Let’s take…

Sketch guides: Smart Layout and hidden Symbols

Sketch guides: Smart Layout and hidden Symbols

With Smart Layout, you can supercharge your Symbols and turn them into responsive components that automatically resize to fit their content. In this video, we’ll look at how Smart Layout works with hidden Symbols. Let’s take this set of search…

Responsive Web Design in Sketch App: Auto Layout & Flexbox Plugin

Responsive Web Design in Sketch App: Auto Layout & Flexbox Plugin

Hey, I’m Hunter from Skillthrive and in this tutorial you’ll learn the basics of the Auto-Layout plugin in Sketch to create a responsive card layout like this one. Before we get started, make sure you download and install Anima into…

Foundation for Responsive Web Design Tutorial - 3 - Nesting and Dynamic Layouts

Foundation for Responsive Web Design Tutorial – 3 – Nesting and Dynamic Layouts

our a houses so in the last video we learned the really basic idea behind the grid system and foundation basically our layout is going to be made up of rows and inside those rows we need to fill 12…

Responsive & Creative Navigation Bar with HTML / CSS and JavaScript / Web Design

Responsive & Creative Navigation Bar with HTML / CSS and JavaScript / Web Design