, 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); })(); Digital Life Together - News & Stories | »Æ´óÏɸßÊÖÂÛ̳

»Æ´óÏɸßÊÖÂÛ̳

Skip to main content

Publications

Digital Life Together

Tue, May 05, 2020
David I. Smith, Kara Sevensma, Marjorie Terpstra, Steven C. McMullen

How digital technologies are impacting Christian education, and how to respond.

Digital technologies loom large in the experience of today’s students. However, parents, teachers, and school leaders have only started to take stock of the ramifications for teaching, learning, and faith.ÌýDigital Life TogetherÌýwalks educators, leaders, and parents through some of the big ideas that are hidden in our technology habits. Moving beyond general arguments for and against digital devices, the book draws from extensive interviews, surveys, classroom observations, and school records to examine the real impact of technology on Christian learning.Ìý

Based on a three-year, in-depth study of Christian schools, authors David Smith, Kara Sevensma, Marjorie Terpstra, and Steven McMullen offer resources to inform conversations in school communities about the role of digital technologies in students’ formation. With a wealth of new research findings, short, readable chapters, and accompanying discussion questions,ÌýDigital Life TogetherÌýsets the stage for individual reflection, book club discussions, professional development conversations, or strategic reflection by school leaders.


Authors: