Shopify's Three CSS Methods: When to Use Each for Better Theme Architecture

·1 views

Shopify themes support three distinct CSS approaches: the stylesheet tag, the style tag, and plain HTML style blocks, each serving a different purpose. The stylesheet tag bundles and caches reusable CSS, making it the most performant option for shared styles across a theme. The style tag integrates with Shopify's Liquid templating, enabling dynamic, section-specific styling driven by theme editor settings. Plain HTML style blocks require no Shopify processing and are best suited for simple, one-off use cases on static pages. Developers can combine all three strategically — using CSS variables to bridge cached stylesheets with dynamic section values — to build faster, more scalable Shopify themes.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Aussom: A New Scripting Language Built to Complement Java, Not Replace It

Aussom is a new scripting language designed to fill the gaps where Java feels cumbersome, such as runtime scripting, hot-swapping business logic, and running throwaway code without a full build cycle. Unlike JVM languages such as Kotlin, Scala, or Groovy, Aussom does not compile to bytecode; instead, its runtime interprets code directly on the fly inside a running JVM process. This approach allows code to be loaded, executed, and discarded at runtime without restarting the application. The language draws a deliberate parallel to the C-and-Python relationship, positioning itself as a lightweight, dynamic companion to Java rather than a competitor. Aussom scripts require no class declarations or boilerplate, and the standard library supports common tasks like HTTP requests, JSON parsing, and console I/O.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

DEV Tutorial: Adding Search, Command Palette and Settings to a SwiftUI Contacts App

A DEV Community tutorial series continues with Part 2, building on a SwiftUI Contacts app introduced in Part 1. The guide walks intermediate developers through adding an adaptive navigation shell that switches between a sidebar on iPad and a tab bar on iPhone, without platform-specific conditional guards. New features include a live-filtering search field, a command palette triggered by the keyboard shortcut Command-K, and skeleton loaders to handle simulated slow data fetches. A settings screen is also introduced, offering controls for notifications, display density, sync intervals, and beta features, with per-component theme token overrides. The tutorial emphasizes a data-driven routing approach, enumerating app sections once and supplying them to whichever navigation component the screen width demands.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Solon v4.0.3 Adds Built-In Interceptors to Make ReActAgents Production-Ready

Solon AI version 4.0.3 introduces three built-in interceptors for ReActAgents designed to address common production failures in AI agent deployments. The StopLoopInterceptor prevents agents from thrashing on repeated tool calls within a configurable sliding window, while ToolRetryInterceptor handles flaky API calls using linear backoff retries. ToolSanitizerInterceptor truncates or sanitizes oversized and sensitive tool observations before they re-enter the agent's context. All three interceptors live under the org.noear.solon.ai.agent.react.intercept package and can be combined with the stream() API to deliver live UI feedback during agent execution. Together, these controls aim to make ReActAgents more resilient and observable without requiring a custom agent runtime.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How to Reclaim 160 GB of Mac Storage Hidden Inside 'System Data'

macOS groups uncategorized files — including app caches, Xcode build artifacts, Docker images, and simulator data — under a label called 'System Data,' which can silently consume hundreds of gigabytes with no built-in delete option. A developer recently documented how Terminal commands like 'du -sh' can reveal exactly which folders are responsible for the bloat. In one case, Docker alone occupied 63 GB, Xcode iOS simulators took up 28 GB, and app caches added roughly 30 GB more, totalling around 160 GB of recoverable space. Targeted commands can safely remove unused Docker volumes, stale Xcode build caches, old device support files, and simulator data, all of which macOS or the relevant app will regenerate as needed. Apple's Storage screen does not reflect these deletions immediately, so a restart is recommended before checking whether the numbers have dropped.

0 comments Read more at DEV Community