|
|
Revolutionizing the Web
|
|
|
|
|
|
|
|
|
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
-
-
|
2.
|
View Transitions: Fact vs. Fiction
by Fred K. Schott via ViteConf 2023
One of the co-creators of the Astro Web Framework walks through how View Transitions work and shares a few examples.
|
-
|
3.
|
Getting started with View Transitions on multi-page apps
by Dave Rupert
“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
Viget's UI Development team recently dove deep into the current ecosystem of headless CMSes. Director Andrew Mosby wrote up the team's findings.
|
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.
|
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.
|
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
-
|
Nathan Schmidt, UI Developer
|
-
|
Jeremy Frank, UI Development Director
|
|
|
|
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
|
|
|
|
