LW 61 - How to use Tailwind CSS in a Shopify Hydrogen Project

How to use Tailwind CSS in a Shopify Hydrogen Project 
Shopify Development news and articles
 
Liquid Weekly

News & Articles

How to use Tailwind CSS in a Shopify Hydrogen Project - YouTube
In this video, we take a Hydrogen project with standard “Pure or Plain CSS”, replace the styling with Tailwind and in the process learn how to use this powerful framework to help us transform the way we write CSS in the context of a Shopify Hydrogen project.
How Fast Are Shopify Stores?
I am the creator of a Shopify real user monitoring tool, Speed Check. As a result, I have access to a database of around 50,000 Shopify store web performance data points. Relative to the big players that get millions of views a day, this data seems insignificant, but it is certainly enough to do a bit of analysis.
Adding Payment Icons under Add to Cart Button
It's easy to move the payment icons from your footer to elsewhere on your page by using the custom liquid section in Shopify 2.0. We can also re-align them using CSS.
Fully Customizable Klaviyo Legacy Embedded Email Signup Form in Shopify
Today, we gonna learn a new trick in Shopify, we will learn how to create customizable embedded email signup using an Ajax call.
Using ShopifyQL in Notebooks
ShopifyQL is Shopify’s query language built for commerce. Query languages are used to request and retrieve data from databases. You can use ShopifyQL with Shopify’s Notebooks app to explore your own business's database and retrieve the data that gives you a more in-depth understanding of your business.

Code & Tools

Introducing Turbopack: Rust-based successor to Webpack
Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x faster minification to reduce load times and bandwidth usage. There was one hurdle left: Webpack. Webpack has been downloaded over 3 billion times. It’s become an integral part of building the Web, but it's time to go faster and scale without limits. Today, we’re launching Turbopack: our successor to Webpack.
Spreadsheet Architect (Rails)
Spreadsheet Architect is a library that allows you to create XLSX, ODS, or CSV spreadsheets super easily from ActiveRecord relations, plain Ruby objects, or tabular data.
ShopifyQL Notebooks (app)
ShopifyQL Notebooks help you bring together metrics from different business domains so you can explore, visualize and analyze shop data to make better business decisions. Your data exploration is guided by ShopifyQL - an intelligent query language that has commerce syntax built into it. You can now write simple queries to quickly get access to data and add business context via images or text, all within a single interface.
Looping in Liquid
In this tutorial taking an in-depth look at all the options available to us when we loop over arrays in Liquid.
Shopify Formatted Address for React
While working on a project using Polaris (Shopify’s admin component library), I found the need for a generic React component; capable of localizing address form fields, populating country and region select inputs, and reflowing the form inputs based on the expected layout of the locale. While Polaris provides the tools to render the form fields, it lacks the capability to adjust the layout based on localized data.
 

Older messages

LW 60 - Displaying Order Attributes To Customers Post Purchase                                                                                      

Tuesday, November 1, 2022

Displaying Order Attributes To Customers Post Purchase Shopify Development news and articles Issue #60 - 11/1/2022 Read Online Liquid Weekly News & Articles AARRR Metrics Framework: What Is It and

LW 59 - The FASTEST Way to become a Shopify Developer

Tuesday, October 25, 2022

The FASTEST Way to become a Shopify Developer Shopify Development news and articles Issue #59 - 10/25/2022 Read Online Liquid Weekly News & Articles The FASTEST Way to become a Shopify Developer -

Issue 58 - Meet the 25 y/o who makes $30,000 per month with Apps

Tuesday, October 18, 2022

Meet the 25 y/o who makes $30000 per month with Apps Shopify Development news and articles Issue #58 - 10/18/2022 Read Online Liquid Weekly News & Articles Meet the 25 y/o who makes $30000 per

Liquid Weekly Issue 57 - Build a Shopify App With Laravel, InertiaJs, and Polaris

Tuesday, October 11, 2022

Build a Shopify App With Laravel, InertiaJs, and Polaris Shopify Development news and articles Issue #57 - 10/11/2022 Read Online Liquid Weekly News & Articles Made with Metafields (part 2)

Issue 56 - 6 tools to grow your Shopify app

Tuesday, September 27, 2022

6 tools to grow your Shopify app Shopify Development news and articles Issue #56 - 9/27/2022 Read Online Liquid Weekly Karl Says It's Fall here in the northern hemisphere. That means cooler weather

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your