38 search results for “Liam Griffin”

Getting Started With a CSS Grid Layout on Shopify

Getting Started With a CSS Grid Layout on Shopify

css grid layout

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

How to Craft the Best 404 Pages for your Clients

How to Craft the Best 404 Pages for your Clients

best 404 pages

Whether by user-error or broken links, it’s inevitable that visitors to a client’s store will occasionally land on a 404 error page. These pages can be an opportunity to provide support with an on-brand message, and some of the best 404 pages combine humour with good UX to create memorable experiences.

Website developers should be mindful of this when creating custom themes for clients, and including user-friendly, appropriate, and well designed 404 error pages is important for reducing customer effort.

In this article, you’ll learn:

  • Why a well-designed 404 page is essential for websites.
  • How to create an alternative layout file for a 404 page template.
  • How to add search bars and call-to-action buttons to 404 error pages.

Continue reading

How Theme Developers Can Learn From Brutalist Web Design

How Theme Developers Can Learn From Brutalist Web Design

brutalist web design

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

How Smart Design Patterns can Improve Store Conversions

How Smart Design Patterns can Improve Store Conversions

smart design

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

How Google’s AMP Project is Changing the Mobile Web

How Google’s AMP Project is Changing the Mobile Web

amp project

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

Building a Clickable Call-to-Action Button for Your Shopify Theme

Building a Clickable Call-to-Action Button for Your Shopify Theme

Call to action buttons

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

Working With Technology Clients: Strategies, Apps, and Themes to Consider

Working With Technology Clients: Strategies, Apps, and Themes to Consider

Working with Technology Clients: Email

Working with clients who sell technology products and consumer electronics can be truly rewarding, as these merchants operate on the very vanguard of ecommerce. In this article, we’ll look at some emerging strategies for technology stores to better understand how this industry is changing, and how developers can make the most informed decisions when specializing in this area.


In this article you will find:

  • A CSV file with demo consumer electronics products for quickly setting up a store when pitching to clients.
  • Insights into emerging trends influencing the growth of the online tech sphere.
  • App and theme recommendations for technology stores.

 

Continue reading

14 Image Tools for Web Developers in 2017

14 Image Tools for Web Developers in 2017

Image tools for web developers 2017

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

How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store

How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store

Web fonts to enhance stores

Whether you’re building a theme from scratch or editing an existing one, you’ll need to consider how typography is implemented for your clients. Web fonts open up the range of fonts available, but come at a price for site performance. It’s important to understand how fonts load across different browsers, and how performance can be improved by using new techniques or careful adjustments to your themes.

In this article you will learn:

  • What web fonts are and how they work.
  • The differences between FOUT and FOIT.
  • How to add web fonts to Slate.
  • How fonts will be loaded on Shopify in the future.

Continue reading

Grow your business with the Shopify Partner Program

Learn more