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

fb88

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); })(); SEL & Emotional Intelligence | Department of Education

fb88

|
|
|

Department of Education

Home → SEL & Emotional Intelligence → SEL & Emotional Intelligence

SEL & Emotional Intelligence

Looking for information on HOW to implement social and emotional learning in classrooms?

2024 Educator Summit Resource: The Regulated Classroom Implementation Mapping Presentation

��

��

Social Emotional Learning Implementation Page

��

Developing & Practicing Healthy Social and Emotional Teaching and Learning (SEL) has been researched to show benefits in:

Teaching and Learning Academic Content
Protecting Mental Health
Fostering A Sense of Belonging
Growing Curiosity
Deepening Collaborative and Individual Problem-Solving Skills
Strengthening Our Knowledge Of Ourselves And Others

��The Benefits Of Building Social & Emotional Intelligence�� Are As Powerful For Adults As For Children.��

5 Part Module On The Core SEL Competencies - Complete All For An SEL Informed Certificate - Overview & Practices

Professional Learning Modules

These modules are designed by the MDOE for individual or group ADULT learning.��

Curiosity & Co-Regulation In The Classroom (MSMA 10-28-22)

Social & Emotional Learning Resources

-
-��KindMind Conflict Resolution Tool

Creators of Social Emotional Learning Resources

fb88 Creators of Social Emotional Learning Resources

Creators of Social Emotional Learning Resources Oriented Towards Educator Awareness

Creators of Social Emotional Learning Resources Oriented Towards Students

Parental Resources

��

��Resources for School Communities

)