, but this code // executes before the first paint, when

麻豆区

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); La La Alumnus - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

La La Alumnus

Wed, Mar 01, 2017

Calvin grad Kiff Vanden Heuvel 鈥92 plays a minor role in the awardwinning film La La Land.

鈥淔or me it was an absolutely delightful experience,鈥 he said. 鈥淚鈥檝e worked on the Warner lot before, but always doing voiceover work, never in front of the camera. Emma Stone was completely sweet and down-to-earth, talking with me about classes she was interested in taking in improvisation.

鈥淚t was a quick bit of work, and what I do in the film is very brief, but it鈥檚 a true gift and I count myself blessed to be a small part of this inspiring and sweet film.鈥

Since then, he鈥檚 been in a couple episodes of NBC鈥檚 This Is Us as Rebecca鈥檚 father. He鈥檚 done voices for Fox鈥檚 animated show The Family Guy, as well as several video games.

He continues to teach voiceover and improvisation at The Second City in Los Angeles and has been producing and hosting a podcast called All Over Voiceover about how to break into and make a living as an artist (see ).

鈥淚鈥檓 so grateful for my Calvin experience and the freedom I had to create what my career would look like while in school,鈥 he said. 鈥淭he crazy thing is I鈥檓 doing pretty much exactly the same thing I did in college, just on a slightly larger campus, and more folks are watching and engaging with our projects.鈥