How to Get Started with Accessibility on Shopify 
Shopify Development news and articles
Liquid Weekly

Karl Says

Each winter after Christmas I make it a mental goal to celebrate the arrival of March. I feel like at least in Ohio, March marks a turning point in weather and seasonal mood. While we're not quite there yet check out this week's tip for how you can play with dates in Liquid!

News & Articles

Shopify Responsive Mobile menu with Tailwind CSS & Alpinejs
Let's design the mobile menu with Alpine.js and Tailwind CSS. It's a fun and great menu design.
Google Search Is Dying
Why are people searching Reddit specifically? The short answer is that Google search results are clearly dying. The long answer is that most of the web has become too inauthentic to trust.
How to Get Started with Accessibility on Shopify
There is no quick and simple fix to accessibility. Anyone that tells you this can be fixed with a plugin or app is only trying to sell you something. In this post I will cover first what accessibility (often abbreviated in the website development world to a11y for short) is and why it is important to not exclude a11y in your store. After that we'll talk about what you should do and what you should definitely NOT do.
2 ways developers build Shopify storefront apps and how they affect your theme
Installing an app from the Shopify App Store is a relatively painless process. One problem though is that it’s hard to know how the app’s developer built the program and how it will affect your store’s theme code before installing. Read on for some tips!
Shopify's Guide to Updating Themes
Updating a store's theme doesn't have to be fraught with danger. Depending on where you obtained the theme and what level of customization that has since been added it can be a straightforward process. Read the official docs from Shopify on how to approach this important topic.

Code & Tools

Flexbox Froggy
Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!
What are your favorite tools for working in #Ruby or @Rails?
I think continues to be a great stack for developing Shopify applications - and apparently so does Shopify Engineering. Follow this thread to learn about tools used by Shopify devs working with Rails.
DevDocs - Searchable API Documentation
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.
Shopify Dawn theme Code Review for Developers
Let's see how the Dawn theme codes are structured behind. You will learn how CSS, JavaScript and settings structure of Dawn is hard to understand. and how we can improve it.
Partner Content Hub
Curated assets to help you market and scale your business as a Shopify Partner.



Shopify Markets is now Generally Available
We’ve just released Shopify Markets, which helps merchants sell their products to customers in different countries from a single Shopify store. Merchants can also create unique experiences for their global customers from the Shopify Markets admin's Settings.


Changes to Theme Translatable Content Keys
s of February 17th, newly-created themes will generate translatable content keys for content in JSON templates in an altered format. Translations originating outside of JSON templates, such as those stored in the locales/ folder of a theme, are not affected by this change.
Cart change REST API now supports changing selling plan
It’s now possible to upsell subscriptions in cart in the online store. We added a new field, selling_plan, to the /cart/change.js endpoint in the AJAX REST API to support adding, updating, and removing the selling plan.


April 13 - Introduction to Working With Shopify Themes
Following this practical workshop you’ll be able to set up a local development environment and edit theme code to customize an example storefront. We’ll also explore Shopify’s Liquid templating language and learn how it can be leveraged to display dynamic store content.
March 17 - Building Headless Storefronts on Shopify with Hydrogen - Online Workshops
Curious about Hydrogen -Shopify's React-based framework for building custom storefronts? Register now for an upcoming FREE workshop in March to explore the new framework and get a custom storefront up and running


Content Marketing Manager, FT, Remote
The ideal candidate loves writing and topic research but also understands how to structure the article from the SEO point of view. We expect someone who will be autonomous and data-driven. Knowledge of the Shopify environment is a big plus, but general e-commerce understanding is fine, too.
Technical Lead, FT, Remote
Invisible Themes is looking for a full-time Technical Lead with deep Javascript knowledge to join our growing team! You will be building features, writing exemplary code for the development team to follow and defining the development roadmap.

Tip of the Week

Working with dates in Liquid

Using a few tricks it's actually pretty easy to calculate days and weeks into the future

This can be handy for setting shipping windows among other things

The first step is to get the current date as a unix timestamp (seconds since epoch)

assign today = 'now' | date: '%s'

Now assign some helper variables that hold the number of seconds in a single day and in an entire week

assign single_day = 86400

assign one_week = single_day | times: 7

Now we are all set for determining any set date in the future. Say for example, that you want to display a ship date that is exactly 8 days from today

today | plus: one_week | plus: single_day