Recent changes
Wednesday November 04 2026
-
Loading JavaScript Updated Markdown page
How a design's scripts reach the page with ezscript_load and ezscriptfiles, the design.ini script lists, scripts required by one template, deferred bundles, configuration as JSON data instead of inline code, and jQuery…
-
Loading stylesheets Updated Markdown page
How a design's CSS reaches the page: the ezcss_load operator, the design.ini lists (CSSFileList, FrontendCSSFileList, BackendCSSFileList, AdminComponentCSSFileList), stylesheets a content template requires, order, media…
-
Logical CSS properties Updated Markdown page
A conversion table from physical CSS properties (left, right, margin-left, text-align: left) to logical ones (inline-start, inline-end), what has no logical form, and how to convert an existing stylesheet safely.
-
Measuring CLS and LCP Updated Markdown page
Two numbers that tell how a page feels: Cumulative Layout Shift (target 0.05 or less) and Largest Contentful Paint; what causes bad values in Exponential designs and how to measure them in the browser.
-
A tour of the media theme Updated Markdown page
The media design (extension sevenx_themes_media) as a worked example of a large, modern Exponential theme: its pagelayout parts, layouts block templates, packed stylesheets and scripts, self-hosted fonts, zoom and…
-
No inline CSS Updated Markdown page
Why templates carry no style blocks and no style attributes, where the CSS goes instead, how to handle per-element values (percentages, colors from content, computed widths), and the one documented exception in the…
-
No inline JavaScript Updated Markdown page
Writing designs without inline script code: no script blocks with code, no on* handler attributes, no javascript: links; event delegation with data attributes, JSON configuration blocks, progressive enhancement, and the…
-
No version queries on asset links Updated Markdown page
Why designs of Exponential never add ?v= or similar version queries to stylesheet and script links, how new files reach browsers instead, and what to do when a browser still shows an old file.
-
The packer cache and deploys Updated Markdown page
Which caches to clear after a stylesheet, script, template or settings change of a design, why packed files and template-blocks go together, and the one deploy command that does it on installations with Velocity.
-
Pagelayout variables Updated Markdown page
Every variable the kernel gives the pagelayout ($module_result, $site, $current_user, $access_type, $ui_context and more), the keys of $module_result.content_info for content pages, and examples of using them.
-
Previewing a design on a siteaccess Updated Markdown page
How to see a new or changed design on real content without touching the live site: a preview siteaccess with the same content and your design, the settings it needs, and how to switch the live site over when the design…
-
Print stylesheets Updated Markdown page
Making pages print well: print rules in your stylesheet or a separate print file, what to hide, link URLs, page breaks, colors, and the print view mode the kernel offers.
-
Reduced motion Updated Markdown page
Respecting visitors who ask for less motion: the prefers-reduced-motion media query, which animations to turn off, sliders and autoplay, smooth scrolling, and how admin4 does it.
-
Responsive design Updated Markdown page
Making an Exponential design work from phones to wide screens and at high zoom: the viewport tag, fluid layout, breakpoints, responsive images through aliases, touch targets, and the widths the project tests at.
-
Right-to-left designs Updated Markdown page
Making a design work for Arabic, Hebrew, Persian and other right-to-left languages: where the direction comes from ($site.text_direction, the locale files), dir on html, logical CSS properties, mirror rules, which icons…
-
Shared layouts and linked zones Updated Markdown page
One header, footer or pre-footer for every page: shared layouts, zones linked to a shared layout's zone, what a designer must know about how linked zones render, and how to plan a design around them.
-
A tour of the simple theme Updated Markdown page
The simple design (extension sevenx_themes_simple), the light default public design: how its pagelayout uses ezwebin's page data and a cache-block, how it loads CSS and scripts from design.ini, its menus, and what to…
-
Skip links Updated Markdown page
The skip link that lets keyboard users jump past the header to the content: markup in the pagelayout, CSS that shows it on focus, translated text, and the examples in admin4 and the media design.
-
A tour of the starter theme Updated Markdown page
The starter design (extension cjw_themes_jumper) as an example of a theme that finds content by remote id, keeps behavior settings per siteaccess, draws its chrome with layouts and ships its own image aliases and…
-
Styling layout blocks Updated Markdown page
CSS for pages built with the layouts editor: the class names the shipped templates emit (slb, slb-zone, ngl-block, ngl-vt-*), the grid stylesheet, spacing between blocks, blocks that adapt to narrow zones, and dark mode…