Converting Lit Components to Enhance

Lit is a fine framework for building web components, but there are a few reasons you may want to convert a Lit component into an Enhance component. Read on to find out how to avoid some common web component pitfalls.

Simon MacDonald
6 mins to read

Maintain scroll position across page loads without an SPA

This post shows how to fix the problem of preserving scroll position across page reloads without the need to buy into a messy Single Page App (SPA) architecture.

Ryan Bethel
3 mins to read

Past Informs the Present: Our Approach to CSS

In this article, we briefly recap some of the history and evolution of CSS. We then use that information to inform a focus on several methodologies — some battle tested, some more recent — for making the process of styling web apps and components both enjoyable and effective.

Cole Peters
24 mins to read

On the twelfth day of Enhancing: Debugging

How to debug your remote applications.

Simon MacDonald
1 mins to read

On the eleventh day of Enhancing: Environment Variables

Setting environment variables to enable different behaviors in production.

Simon MacDonald
1 mins to read

On the tenth day of Enhancing: Deploying your app

Deploy your Enhance app to the cloud using the Begin CLI.

Simon MacDonald
2 mins to read

On the ninth day of Enhancing: Externalizing Scripts

To improve developer experience let's externalize some scripts.

Simon MacDonald
3 mins to read

On the eighth day of Enhancing: Progressively Enhanced Forms

Let's progressively enhance our submit button.

Simon MacDonald
4 mins to read

On the seventh day of Enhancing: Forms

Getting started storing data is a snap with Enhance and HTML forms.

Simon MacDonald
4 mins to read

On the sixth day of Enhancing: Head component

Overriding the head component to provide social links

Simon MacDonald
2 mins to read

On the fifth day of Enhancing: Enhance Styles

Let's apply some styling to our example application

Simon MacDonald
2 mins to read

On the fourth day of Enhancing: Composing elements

Building web components out of smaller components is one of the most powerful features of web components.

Simon MacDonald
2 mins to read

On the third day of Enhancing: API routes and the Store

On day three we’ll introduce API routes and the store.

Simon MacDonald
2 mins to read

On the second day of Enhancing: Your first page and component

Picking up from where we left off yesterday. Let’s add a new page to our application.

Simon MacDonald
3 mins to read

On the first day of Enhancing: Getting Started

We embark on a 12 day journey to build and deploy your first Enhance app.

Simon MacDonald
2 mins to read

Fixing mobile nav state with 'autocomplete=off': Obscure HTML attributes FTW

Mobile nav menu with a checkbox control has a problem when using the back button to navigate. We fix this using only HTML attributes.

Ryan Bethel
2 mins to read

New in Enhance: Browser JS Workflow

The Enhance web framework now has a built-in pipeline for your project's browser JavaScript. Easily import and bundle Node.js modules into your client-side code.

Taylor Beseda
2 mins to read

Using Lit Components in an Enhance App

Lit is a popular library that can be used to build web components. Lit can play nice with Enhance with a little modification.

Simon MacDonald
4 mins to read

Selecting 3rd Party Web Components

As more Web Components are published as re-usable modules, it's helpful to have some criteria when selecting third party libraries to incorporate new features.

Taylor Beseda
4 mins to read

Enhancing Vanilla Web Components

In this post we'll show you how to Enhance a Vanilla web component, so that it arrives fully expanded on the client by avoiding the use of the Shadow DOM.

Simon MacDonald
5 mins to read