Log
Writing on web development, Shopify Hydrogen, TypeScript, and AI workflows.
28 posts · page 2/4
Eliminating Render Blocking CSS and measuring page rendering time with Performance API
Learn how to improve your website's performance and enhance user experience by avoiding render blocking CSS. Using the Chrome Performance API to measure and optimize page rendering time.
Migrate your Shopify store assets to a new store using File API
Learn how to migrate your assets from an old Shopify store to a new one in a few simple steps. This guide will show you how to retrieve and download your images using GraphQL and Node.js, and upload them to your new store with ease.
Introduction to Committing with Conventional Commit
Conventional commit is a specific form of committing which gives software developers a uniform system for organizing and describing their changes, making it easier to keep track of updates
Better responsive images with srcset and sizes attributes
A guide to using the srcset and sizes attributes to create responsive images
How to create an HTTPS server in localhost?
The simplest way to set up an HTTPS server in Nodejs application when developing locally
Mastering Section Rendering APIs in Shopify Online Store 2.0
Learn how to leverage Section Rendering APIs to improve your Shopify store's performance and create dynamic, context-specific sections. Discover tips for querying dynamic section markup, including product and collection context
Embedding scripts in web pages made easy with Github and jsDelivr
Learn how to embed scripts and styles in your web pages without the need to modify your site's existing code. Use Github to host your script and style files, and jsDelivr as a CDN to deliver them to your web page.
Prevent layout shift when toggling scrollbar on Window
When toggling the scrollbar on the Window, the layout shifts. This is because the scrollbar is added to the Window. How to prevent this with CSS?
Key notes while working with git
Key notes to save plenty of time while working with git for command-line-developer