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

Overcoming Perfectionism: How to Break Free from the Enemy of Progress

Wednesday, November 27, 2024

Discover how perfectionism hinders progress and learn practical strategies to overcome the fear of imperfection, boost productivity, and achieve your goals without getting stuck in the pursuit of

🖤 Laravel Black Friday Deals!

Wednesday, November 27, 2024

The biggest deals of the year Laravel Black Friday Deals View in browser Laravel News Editor Note: We are sending this outside the regular Sunday newsletter schedule because some of these specials end

BetterDev #271 - Memory: The Forgotten History and Why did Windows 95 setup use three operating systems?

Wednesday, November 27, 2024

Better Dev #271 Nov 26, 2024 Hi all, Welcome to thanksgiving issue of BetterDev. Hope everyone had a safe and warm thanksgiving. It's getting so cold these days. If you are in warzone such as

Mapped | Unemployment Rate By U.S. State in 2024 💼

Tuesday, November 26, 2024

As of October 2024, DC and Nevada tied for the highest unemployment rate in the US at 5.7%. Which states saw the lowest rates? View Online | Subscribe | Download Our App FINAL CHANCE - ENDS TONIGHT!

🔊 7 DIY Tips for Soundproofing a Room — Why I Switched to Xfce for Linux Mint

Tuesday, November 26, 2024

Also: Home Theater Sound Terms Explained, and More! How-To Geek Logo November 26, 2024 Did You Know The shiny layer of a CD doesn't contain the data; the plastic polycarbonate layer does. The shiny

JSK Daily for Nov 26, 2024

Tuesday, November 26, 2024

JSK Daily for Nov 26, 2024 View this email in your browser A community curated daily e-mail of JavaScript news JavaScript Certification Black Friday Offer – Up to 54% Off! Certificates.dev, the trusted

NumPy, Loop Targets, Vector Animation, and More

Tuesday, November 26, 2024

NumPy Practical Examples: Useful Techniques #657 – NOVEMBER 26, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo NumPy Practical Examples: Useful Techniques In this tutorial, you'll learn how to

Your Games Quarterly newsletter has arrived

Tuesday, November 26, 2024

What's new for games in Google Play and Android Email not displaying correctly? View it online November 2024 The First Developer Preview of Android 16 The First Developer Preview of Android 16

Daily Coding Problem: Problem #1620 [Hard]

Tuesday, November 26, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Dropbox. Sudoku is a puzzle where you're given a partially-filled 9 by 9 grid with

Final Hours: Help Save "The Art of Data" From Falling Short 🙏

Tuesday, November 26, 2024

Will Visual Capitalist end up revealing the secrets behind data storytelling? There are 12 hours left to change the fate of "The Art of Data". View Online | Subscribe | Download Our App Help