25 search results for “Tiffany Tse”

[Free Training] Building Shopify Themes for WordPress Theme Developers

[Free Training] Building Shopify Themes for WordPress Theme Developers

building shopify themes for wordpress theme developers

More and more business owners are looking for customized websites, and ecommerce is often on the top of their priority list.

If you build websites, there's a good chance that you've worked with WordPress — but WordPress developers know that ecommerce is not a native feature of that system. To take advantage of the growing market demand for ecommerce, there’s no better time to start working with an ecommerce platform.

In this free webinar hosted by Shopify Partners, Tiffany Tse — Partner Education and Front End Developer Advocate at Shopify — will help WordPress users get started with Shopify theming by showing you how your existing skill set is transferable.

You'll learn:

  • Basic theme features and Shopify equivalents.
  • Parallels in theme structure between WordPress and Shopify.
  • Theme templates and loading content on the frontend.
  • How to set up a local environment, and what tools are available to get you ramped up quickly with Shopify theming.

Continue reading

[Free Webinar] Getting Started with Sass and Shopify

[Free Webinar] Getting Started with Sass and Shopify

Getting started with Sass and Shopify webinar

In this free webinar hosted by Shopify Partners, Tiffany Tse — Partner Education and Front End Developer Advocate Lead at Shopify — will cover the basics of Sass, and how to use it to speed up your development with Shopify.

During this one-hour presentation, we’ll cover: 

  • What a CSS preprocessor is.
  • Sass vs. SCSS.
  • Variables and nesting.
  • Sass functions, mixins and custom functions.
  • Interpolation, workflow, and best practices.

Continue reading

3 Simple Steps for Setting Up a Local Shopify Theme Development Environment

3 Simple Steps for Setting Up a Local Shopify Theme Development Environment

If you’re looking to develop Shopify Themes locally, you should know that you’re not limited to the Shopify Theme Editor alone. You can also develop Shopify themes on your local development environment.

Once Theme Kit is setup, you can more easily integrate workflow tools like Git into your theme development — giving you the confidence to work on a Shopify Theme with a team of developers, work within your favorite text editor, and have a more localized experience when editing themes.

Continue reading

What is Progressive Enhancement and Why Should You Care?

What is Progressive Enhancement and Why Should You Care?

Illustration of three cakes representing progressive enhancement.

If you’ve been building websites and applications for even a little while, you’ve most likely already heard of progressive enhancement. The idea has been around since 2003, it’s one that is often confused and misunderstood.

In this article you will learn:

  • The difference between progressive enhancement and graceful degradation.
  • How performance and accessibility benefit from progressive enhancement.
  • Modern tips and techniques for progressively enhancing a site with CSS and JavaScript.

Continue reading

A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions

A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions

A beginner's guide to building Shopify themes with Sass part 2

CSS preprocessors were created to solve problems around reusability of code, and creating more abstractions to simplify development. This article is the second part in a series of articles about building Shopify themes with Sass.

In this article you will learn:

  • How to use arithmetic operators in Sass.
  • Creating and using existing Sass functions.
  • Useful examples of mixins and how they work.

Continue reading

A Beginner's Guide to Sass with Shopify — Part 3: Sass Interpolation, Workflow and Object Oriented CSS

A Beginner's Guide to Sass with Shopify — Part 3: Sass Interpolation, Workflow and Object Oriented CSS

Beginners guide to sass with shopify part 3: Email

CSS preprocessors were created to solve problems around reusability of code, and creating more abstractions to simplify development. This article is part three in a series of posts about Sass with Shopify.

In this article you will learn:

  • About Sass interpolation and how to use it with Shopify theming.
  • How to escape Liquid in Sass files.
  • Workflow tools for Sass and Shopify.
  • Best practices and other resources for learning Sass.

Continue reading

Build an Eye-Catching Non-Rectangular Header Design

Build an Eye-Catching Non-Rectangular Header Design

header design

First mentioned as a tiny trend at the beginning of the year, non-rectangular headers were picked out by Jon Moore on UX Power Tools as something to watch out for in 2017. A non-rectangular header is a way to break the parallelled structure we’ve become accustomed to online.

In this article you will learn:

  • What non-rectangular headers are, and why has it become a tiny trend.
  • How to implement diagonal headers in your site, using background images and solid colors.
  • How to implement product card designs, with overlayed products.

Continue reading

Building Icon Systems With SVG

Building Icon Systems With SVG

SVG Icons: Email

Building a great system and workflow is one of the hardest things to do. For a long time, building icon systems for themes and websites meant using iconic fonts. But as browser support has improved, inline SVGs are the new hot thing.

In this tutorial, you'll learn:

  • How to prepare SVGs
  • How to build your icon set
  • Where to find SVG resources

Continue reading

Grow your business with the Shopify Partner Program

Learn more