Liquid Weekly #26 - Accessibility on Shopify

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.
Hypercolor
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.

Changelog

Platform

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.

API

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.

Events

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

Jobs

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

 

Older messages

Liquid Weekly #25 - 500 "Booby-trapped" Ecommerce sites

Tuesday, February 15, 2022

Hear about exploited Ecommerce sites, learn how to design a site's color palette and more! Shopify Development news and articles Issue #25 - 2/15/2022 Read Online Liquid Weekly Karl Says This

Liquid Weekly #24 - Build a storefront with Hydrogen

Tuesday, February 8, 2022

Learn how to build a storefront with Shopify's Hydrogen Shopify Development news and articles Issue #24 - 2/8/2022 Read Online Liquid Weekly Karl Says If there was an "Olympics" of

Liquid Weekly #23 - Three New Themes

Tuesday, February 1, 2022

Learn about Shopify's new themes, how to create a custom Shopify admin panel and more! Shopify Development news and articles Issue #23 - 2/1/2022 Read Online Liquid Weekly Karl Says Living in Ohio,

Liquid Weekly #22 - Custom Product Badges

Tuesday, January 25, 2022

Learn how to create custom product badges along with other great tutorials and tips Shopify Development news and articles Issue #22 - 1/25/2022 Read Online Liquid Weekly Karl Says Happy January 25th -

Shopify Development Info Coming Your Way

Friday, January 21, 2022

Hello, I'm Karl! Thanks for signing up for Liquid Weekly - the newsletter for folks interested in Shopify development. Once a week I'll be sending you an email containing interesting posts and

You Might Also Like

Issue #539: Discord with Colyseus, parametric surface, and StrikeForce Kitty

Friday, May 3, 2024

Weekly newsletter about HTML5 Game Development. Is this email not displaying correctly? View it in your browser. Issue #539 - May 3rd 2024 If you have anything you want to share with the HTML5 game

Peloton's grim post-pandemic reality

Friday, May 3, 2024

The Morning After It's Friday, May 03, 2024. Peloton had a great pandemic. It's a weird thing to say, but the company's premium exercise equipment (expanding from bikes to treadmills and

Four Critical Vulnerabilities Expose HPE Aruba Devices to RCE Attacks

Friday, May 3, 2024

THN Daily Updates Newsletter cover Enterprise Transformation to AI and the Metaverse ($59.99 Value) FREE for a Limited Time Strategies for the Technology Revolution Download Now Sponsored LATEST NEWS

Post from Syncfusion Blogs on 05/03/2024

Friday, May 3, 2024

New blogs from Syncfusion Create Interactive Floor Planner Diagrams using Blazor Diagram Library By Keerthivasan R This blog explains how to create interactive floor planner diagrams using the

ASP.NET Core News - 05/03/2024

Friday, May 3, 2024

View this email in your browser Get ready for this weeks best blog posts about ASP.NET Core! This newsletter is sponsored by elmah.io - the most advanced, yet so simple to set up, error logging and

Hacker Newsletter #698

Friday, May 3, 2024

There is nothing more uncommon than common sense. //Frank Lloyd Wright hackernewsletter Issue #698 // 2024-05-03 // View in your browser #Favorites Lattice is the AI-powered people platform that

OpenAI search May 9 rumor 🤖, Tesla cuts interns 🚗, building a rocket engine 🚀

Friday, May 3, 2024

Reports indicate that OpenAI is looking to launch a search engine soon. OpenAI's in-house event on May 9 may focus on its release Sign Up |Advertise|View Online TLDR Together With LMNT TLDR 2024-05

Data Science Weekly - Issue 545

Friday, May 3, 2024

Curated news, articles and jobs related to Data Science, AI, & Machine Learning ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

When accelerator dreams become company nightmares

Thursday, May 2, 2024

Plus: Illinois gives Rivian incentives and AI is not SaaS View this email online in your browser By Christine Hall Thursday, May 2, 2024 Hello, and welcome back to TechCrunch PM. We have a great lineup

📱 Issue 409 - Claude Team plan and iOS app

Thursday, May 2, 2024

This week's Awesome iOS Weekly Read this email on the Web The Awesome iOS Weekly Issue » 409 Release Date May 02, 2024 Your weekly report of the most popular iOS news, articles and projects Popular