30 search results for “Liam Griffin”

In this free webinar hosted by Shopify Partners, Liam Griffin — Partner Education and Front End Developer Advocate at Shopify — will walk you through how to get started with building sections and blocks, so you can empower your clients with exciting new ways to personalize their Shopify stores.

During this session, Liam will cover:

• An introduction to sectioned theme layouts.
• How to create static and dynamic sections for homepages.
• What blocks are, when to use them, and how they relate to sections.
• What type of elements you can add to sections and blocks.

Continue reading

Images are often the most important elements on a page, meaning it’s crucial that developers make careful judgements when working with images for clients. Whether you’re creating visuals from scratch, or are editing existing images, there’s an ever increasing range of tools that can help you work with images.

In this article you will learn:

• Which tools to use for reducing site loading time.
• How to edit images for best use on the web.
• Where to find artists if you want to outsource your design requirements.

Continue reading

In this free webinar hosted by Shopify Partners, Pixel Union's Emma Palm will discuss how getting rejected from the Shopify Theme Store inspired her team’s best work. Emma will explore her team's market-driven theme design process, and show why empathy is their greatest asset.

In this webinar, you'll learn:

• How to play an active Partner role, and make yourself instrumental in the evolution of the Shopify platform.
• Why resources spent on research, market analysis, and user feedback are never misspent.
• How important it is to put yourself in your client’s shoes.
• How to develop a theme that solves a client’s problem.

Continue reading

Designing buttons with care is crucial when producing effortless user experiences for your clients, especially within the context of ecommerce where badly designed buttons can result in lost sales. Creating intuitive call-to-action buttons can be outside the scope of many merchants, so it’s important to consider a call-to-action strategy when building custom themes or doing freelance work for clients.

In this tutorial you'll learn:

• How to add a call-to-action button to a Shopify theme section.
• What styling you can use to personalize your button.
• How to employ pseudo-class CSS to generate visual feedback on your button.

Continue reading

One of the hot topics in front end development this past year has been the addition of a new layout system called CSS Grid. Now that all modern browsers support CSS Grid, developers have the perfect opportunity to experiment with Grid on Shopify themes.

In this article, you’ll learn:

• Why learning about CSS Grid properties can help you create dynamic layouts for your clients.
• How to build a basic CSS Grid within a section.
• How to create a page layout using CSS Grid.

Continue reading

Accelerated Mobile Pages (AMP) is an open-source framework led by Google, that’s focused on putting mobile performance first. By allowing only the most performant design patterns and imposing restrictions on resource-heavy JavaScript, AMP pages are dramatically faster than regular pages. The strategy is worth exploring, as there currently is over two billion AMP pages online, across 900k domains worldwide.

In this article you'll learn:

• What an AMP page looks like and how to build one.
• What AMP could mean for ecommerce.
• How your clients could benefit from AMP.

Continue reading

Seeing inaccurate or missing content appear when a merchant shares their products on social media can be frustrating, and as a developer you’ll want to avoid these problems. By implementing Open Graph tags carefully, you can ensure that the correct information is sent to social media channels from your client’s website.

In this article you will learn:

• What Open Graph tags are, where to use them, and how they relate to Shopify.
• How using Slate can assist with adding Open Graph tags.
• How to troubleshoot Open Graph issues.

Continue reading

There are common problems that appear in almost every ecommerce project a web designer takes on. How should images be displayed? Where is the best place to position tables? Which pages do users need to visit before reaching checkout?

To answer these questions, web developers need to adopt a truly user-centric perspective.

In this article you’ll learn:

• Which feature comparison tables would suit different products.
• How different types of pagination can affect user-experience.
• Why improving checkout touchpoints can increase conversion.

Continue reading

Every day, we read about best practices to apply to web design, but brutalist web design encourages developers to think outside the box, in favor of a more provocative approach. As popularity for this unconventional approach grows, more retail brands are adopting brutalist techniques themselves.

In this article, you’ll learn:

• About the characteristics of brutalist websites.
• Why brands are adopting these bold new techniques.
• How you can leverage this approach in your own designs.

Continue reading

Adding animation to websites is a great way to increase visitor engagement, emphasize a client's brand, and improve the usability of a website. Many developers have turned to CSS animation effects to make store touchpoints, like buttons and links, more interactive without overly affecting page loading time.

In this article, you’ll learn:

• How to create a responsive call-to-action button.
• How to use CSS to animate your navigation links.
• How to customize a scrolling text section.

Continue reading