On the seventh day of Enhancing: Forms

On the seventh day of Enhancing: Forms

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

Simon MacDonald’s avatar

Simon MacDonald
4 mins to read

On the sixth day of Enhancing: Head component

On the sixth day of Enhancing: Head component

Overriding the head component to provide social links

Simon MacDonald’s avatar

Simon MacDonald
2 mins to read

On the fifth day of Enhancing: Enhance Styles

On the fifth day of Enhancing: Enhance Styles

Let's apply some styling to our example application

Simon MacDonald’s avatar

Simon MacDonald
2 mins to read

On the fourth day of Enhancing: Composing elements

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’s avatar

Simon MacDonald
2 mins to read

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

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

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

Simon MacDonald’s avatar

Simon MacDonald
2 mins to read

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

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’s avatar

Simon MacDonald
3 mins to read

On the first day of Enhancing: Getting Started

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’s avatar

Simon MacDonald
2 mins to read

Fixing mobile nav state with

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’s avatar

Ryan Bethel
2 mins to read

New in Enhance: Browser JS Workflow

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’s avatar

Taylor Beseda
2 mins to read

Using Lit Components in an Enhance App

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’s avatar

Simon MacDonald
4 mins to read

Selecting 3rd Party Web Components

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’s avatar

Taylor Beseda
4 mins to read

Enhancing Vanilla Web Components

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’s avatar

Simon MacDonald
5 mins to read

HTML Custom Element as a Feature API

HTML Custom Element as a Feature API

Utilize a custom element definition as a friendlier interface for app features leveraging external front-end libraries.

Taylor Beseda’s avatar

Taylor Beseda
3 mins to read

Using External Web Components with Enhance

Using External Web Components with Enhance

We love building web components with Enhance, but we realize that sometimes you may need to pull one off the shelf to include in your app. Follow along to see how to add a Vanilla JS web component to your Enhance app.

Simon MacDonald’s avatar

Simon MacDonald
2 mins to read

Rendering Markdown with Enhance

Rendering Markdown with Enhance

Frequently folks ask if you can render markdown documents with Enhance and of course you can. Read on to find out how we do it in our projects.

Simon MacDonald’s avatar

Simon MacDonald
5 mins to read

Building Underdark with Enhance

Building Underdark with Enhance

I sit down for a conversation with Jonathan Lipps who recently built and deployed his site, Notes from the Underdark, using Enhance.

Simon MacDonald’s avatar

Simon MacDonald
11 mins to read

An Accessible Modal without JavaScript: The Final Boss

An Accessible Modal without JavaScript: The Final Boss

Building an accessible modal is difficult. Doing it without JavaScript _has_ been almost impossible. It’s been called the final boss of accessible components for a long time.

Ryan Bethel’s avatar

Ryan Bethel
9 mins to read

Web Components, Server Side Rendering and Progressive Enhancement, Oh My!

Web Components, Server Side Rendering and Progressive Enhancement, Oh My!

There seems to be a bit of confusion these days about how it is possible to progressively enhance web components since they need JavaScript to function properly. Well, that’s where server-side rendering comes in. Follow along as we build a counter component using web fundamentals.

Simon MacDonald’s avatar

Simon MacDonald
6 mins to read

Enhance makes an appearance on Syntax.fm

Enhance makes an appearance on Syntax.fm

Wes and Scott talk about Enhance in their latest episode of Syntax.

Simon MacDonald’s avatar

Simon MacDonald
0 mins to read

Using Tailwind CSS with Enhance

Using Tailwind CSS with Enhance

Setup your Enhance application to use Tailwind CSS.

Simon MacDonald’s avatar

Simon MacDonald
3 mins to read