Newsletter December 12, 2023

Let’s Talk About:

Revolutionizing the Web

Eric Fuhrmann

By Eric Fuhrmann, Senior UI Developer

The new View Transitions API is a game-changer – one of the most exciting updates for the web in years. It introduces the ability to easily implement smooth-as-butter page transitions on the web, akin to a mobile app experience. Until now, frontend developers needed to look towards complex JavaScript libraries to be able to mimic these types of transitions. Now, we can move much of the labor to the browser and control it nearly entirely from within CSS.

At the moment, there is no better framework for playing with view transitions than Astro (v3.0 and later), the first major web framework to support the new View Transition API natively. We're excited about the possibilities — the team has enjoyed diving into the particulars of working with view transitions in Astro and, to showcase some of the potential visually, we created a terrific proof of concept demo which incorporates transitioning cards with persistent video, color, and type.

It’s still early days for view transitions, but it feels like their impact on the way we design and develop websites is going to become common across the web, revolutionizing the industry.

How We Built the Demo

Articles We Love

  1. 1. Smooth and simple transitions with the View Transitions API “The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states.”
  2. 2. View Transitions: Fact vs. Fiction One of the co-creators of the Astro Web Framework walks through how View Transitions work and shares a few examples.
  3. 3. Getting started with View Transitions on multi-page apps “I think the most telling predictor for the success of the multi-page View Transitions API – compared to all other proposals and solutions that have come before it – is that I actually implemented this one.”

What We’re Up To

Andrew M Profile 2022

Viget's UI Development team recently dove deep into the current ecosystem of headless CMSes. Director Andrew Mosby wrote up the team's findings.

44487759880 0ee1e88da3 k

This week, we're trading Free Lunch Friday for Fancy Festive Friday. The full team will gather online and in-person for a fun and festive all-hands holiday celebration.

Creativity

A multi-disciplinary team reflected on our work with early-stage startups this year. Our engagements were informed by each startup’s goals, funding, and work done to date. This article summarizes the approaches to three of those projects.

Viget 19 - Fleetwood Hacks

How did Fleetwood Hacks (the Viget19 band) lead to a judgment-free Slack channel for asking questions? Senior Employee Engagement Manager Aubrey Lear breaks it down.

Related Articles From Us

  1. Create Rive-ting Animations

  2. View Transitions in Astro


Contact Us

We help transform organizations with modernized software and optimized digital experiences. If you’re looking to build or improve a digital product, contact us.

Contact Us

Washington DC Metro
105 West Broad Street
4th Floor
Falls Church, VA 22046

Durham, NC
309 E. Chapel Hill Street
4th Floor
Durham, NC 27701

Boulder, CO
1002 Walnut St.
3rd Floor
Boulder, CO 80302

Chattanooga, TN
1404 Cowart St.
Chattanooga, TN 37408