Song Service

Basi Musicali Professionali e Karaoke

Più di 16.000 brani tra cui scegliere e una sezione dedicata agli spartiti musicali. Basi Musicali con testi e accordi aggiornati ogni settimana.

Basi Professionali. Scopri le novità. Oltre 16.000 basi. MIDI, MP3, Digital Scores. Basi Midi. Basi Multitraccia.

Descrizione Progetto

Realizzazione con Magento 2 sincronizzazione database file musicali. Mongo DB. Customizzazione UX per singolo utente in base a parametri storici. UI fluida Pwa per incrementare esperienza utente. MIDI, MP3, Digital Scores. Basi Midi. Basi Multitraccia.

Dettagli Progetto

Client: M-Live Srl
Date: 26 Ottobre, 2016
Category: Magento
Website: songservice.it

Team di Progetto

Art-Director: Michele Bertuccioli
Designer: Andrea Pallacci
Developer: Giuseppe Russo
Manager: Andrea Crispino

Devi essere connesso per inviare un commento.

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none;}.l-section.for_comments{display:none;}.fas{font-family:"fontawesome";font-weight:900;}.far{font-family:"fontawesome";font-weight:400;}.fal{font-family:"fontawesome";font-weight:300;}.fad{font-family:"Font Awesome 5 Duotone";font-weight:900;}.fad{position:relative;}.fad:before{position:absolute;}.fad:after{opacity:.4;}.fab{font-family:"Font Awesome 5 Brands";font-weight:400;}.material-icons{font-family:"Material Icons";font-weight:400;}.l-subheader.at_middle,.l-subheader.at_middle .w-dropdown-list,.l-subheader.at_middle .type_mobile .w-nav-list.level_1{background:#1a1a1a;color:#fff;}.no-touch .l-subheader.at_middle a:hover,.no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover{color:#ff0d0d;}.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle{background:#1a1a1a;color:var(--color-header-transparent-text);}.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-cart-link:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-text a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-html a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-nav>a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-menu a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-search>a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-dropdown a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .type_desktop .menu-item.level_1:hover>a{color:var(--color-header-transparent-text-hover);}.header_ver .l-header{background:#1a1a1a;color:#fff;}@media (min-width:1281px){.hidden_for_default{display:none !important;}.l-subheader.at_top{display:none;}.l-subheader.at_bottom{display:none;}.l-header{position:relative;z-index:111;width:100%;}.l-subheader{margin:0 auto;}.l-subheader.width_full{padding-left:1.5rem;padding-right:1.5rem;}.l-subheader-h{display:flex;align-items:center;position:relative;margin:0 auto;height:inherit;}.w-header-show{display:none;}.l-header.pos_fixed{position:fixed;left:0;}.l-header.pos_fixed:not(.notransition) .l-subheader{transition-property:transform,background,box-shadow,line-height,height;transition-duration:.3s;transition-timing-function:cubic-bezier(.78,.13,.15,.86);}.headerinpos_bottom.sticky_first_section .l-header.pos_fixed{position:fixed !important;}.header_hor .l-header.sticky_auto_hide{transition:transform .3s cubic-bezier(.78,.13,.15,.86) .1s;}.header_hor .l-header.sticky_auto_hide.down{transform:translateY(-110%);}.l-header.bg_transparent:not(.sticky) .l-subheader{box-shadow:none !important;background:none;}.l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h{padding-top:0 !important;padding-bottom:0 !important;}.l-header.pos_static.bg_transparent{position:absolute;left:0;}.l-subheader.width_full .l-subheader-h{max-width:none !important;}.l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom{box-shadow:0 1px 0 rgba(0,0,0,.08);}.l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom{box-shadow:0 3px 5px -1px rgba(0,0,0,.1),0 2px 1px -1px rgba(0,0,0,.05);}.header_hor .l-subheader-cell>.w-cart{margin-left:0;margin-right:0;}:root{--header-height:100px;--header-sticky-height:0px;}.l-header:before{content:"100";}.l-header.sticky:before{content:"0";}.l-subheader.at_top{line-height:40px;height:40px;}.l-header.sticky .l-subheader.at_top{line-height:0px;height:0px;overflow:hidden;}.l-subheader.at_middle{line-height:100px;height:100px;}.l-header.sticky .l-subheader.at_middle{line-height:0px;height:0px;overflow:hidden;}.l-subheader.at_bottom{line-height:50px;height:50px;}.l-header.sticky .l-subheader.at_bottom{line-height:50px;height:50px;}.headerinpos_above .l-header.pos_fixed{overflow:hidden;transition:transform .3s;transform:translate3d(0,-100%,0);}.headerinpos_above .l-header.pos_fixed.sticky{overflow:visible;transform:none;}.headerinpos_above .l-header.pos_fixed~.l-section>.l-section-h,.headerinpos_above .l-header.pos_fixed~.l-main .l-section:first-of-type>.l-section-h{padding-top:0 !important;}.headerinpos_below .l-header.pos_fixed:not(.sticky){position:absolute;top:100%;}.headerinpos_below .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-top:0 !important;}.headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2){min-height:100vh;}.headerinpos_below .l-header.pos_fixed~.l-main>.l-section:nth-of-type(2)>.l-section-h{padding-top:var(--header-height);}.headerinpos_bottom .l-header.pos_fixed:not(.sticky){position:absolute;top:100vh;}.headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-top:0 !important;}.headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-bottom:var(--header-height);}.headerinpos_bottom .l-header.pos_fixed.bg_transparent~.l-main .l-section.valign_center:not(.height_auto):first-of-type>.l-section-h{top:calc(var(--header-height) / 2);}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-cart-dropdown,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_2{bottom:100%;transform-origin:0 100%;}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1{top:auto;bottom:100%;box-shadow:var(--box-shadow-up);}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_3,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_4{top:auto;bottom:0;transform-origin:0 100%;}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-dropdown-list{top:auto;bottom:-.4em;padding-top:.4em;padding-bottom:2.4em;}.admin-bar .l-header.pos_static.bg_solid~.l-main .l-section.full_height:first-of-type{min-height:calc(100vh - var(--header-height) - 32px);}.admin-bar .l-header.pos_fixed:not(.sticky_auto_hide)~.l-main .l-section.full_height:not(:first-of-type){min-height:calc(100vh - var(--header-sticky-height) - 32px);}.admin-bar.headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2){min-height:calc(100vh - 32px);}}@media (min-width:1025px) and (max-width:1280px){.hidden_for_default{display:none !important;}.l-subheader.at_top{display:none;}.l-subheader.at_bottom{display:none;}.l-header{position:relative;z-index:111;width:100%;}.l-subheader{margin:0 auto;}.l-subheader.width_full{padding-left:1.5rem;padding-right:1.5rem;}.l-subheader-h{display:flex;align-items:center;position:relative;margin:0 auto;height:inherit;}.w-header-show{display:none;}.l-header.pos_fixed{position:fixed;left:0;}.l-header.pos_fixed:not(.notransition) .l-subheader{transition-property:transform,background,box-shadow,line-height,height;transition-duration:.3s;transition-timing-function:cubic-bezier(.78,.13,.15,.86);}.headerinpos_bottom.sticky_first_section .l-header.pos_fixed{position:fixed !important;}.header_hor .l-header.sticky_auto_hide{transition:transform .3s cubic-bezier(.78,.13,.15,.86) .1s;}.header_hor .l-header.sticky_auto_hide.down{transform:translateY(-110%);}.l-header.bg_transparent:not(.sticky) .l-subheader{box-shadow:none !important;background:none;}.l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h{padding-top:0 !important;padding-bottom:0 !important;}.l-header.pos_static.bg_transparent{position:absolute;left:0;}.l-subheader.width_full .l-subheader-h{max-width:none !important;}.l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom{box-shadow:0 1px 0 rgba(0,0,0,.08);}.l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom{box-shadow:0 3px 5px -1px rgba(0,0,0,.1),0 2px 1px -1px rgba(0,0,0,.05);}.header_hor .l-subheader-cell>.w-cart{margin-left:0;margin-right:0;}:root{--header-height:80px;--header-sticky-height:60px;}.l-header:before{content:"80";}.l-header.sticky:before{content:"60";}.l-subheader.at_top{line-height:40px;height:40px;}.l-header.sticky .l-subheader.at_top{line-height:0px;height:0px;overflow:hidden;}.l-subheader.at_middle{line-height:80px;height:80px;}.l-header.sticky .l-subheader.at_middle{line-height:60px;height:60px;}.l-subheader.at_bottom{line-height:50px;height:50px;}.l-header.sticky .l-subheader.at_bottom{line-height:50px;height:50px;}.headerinpos_above .l-header.pos_fixed{overflow:hidden;transition:transform .3s;transform:translate3d(0,-100%,0);}.headerinpos_above .l-header.pos_fixed.sticky{overflow:visible;transform:none;}.headerinpos_above .l-header.pos_fixed~.l-section>.l-section-h,.headerinpos_above .l-header.pos_fixed~.l-main .l-section:first-of-type>.l-section-h{padding-top:0 !important;}.headerinpos_below .l-header.pos_fixed:not(.sticky){position:absolute;top:100%;}.headerinpos_below .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-top:0 !important;}.headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2){min-height:100vh;}.headerinpos_below .l-header.pos_fixed~.l-main>.l-section:nth-of-type(2)>.l-section-h{padding-top:var(--header-height);}.headerinpos_bottom .l-header.pos_fixed:not(.sticky){position:absolute;top:100vh;}.headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-top:0 !important;}.headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-bottom:var(--header-height);}.headerinpos_bottom .l-header.pos_fixed.bg_transparent~.l-main .l-section.valign_center:not(.height_auto):first-of-type>.l-section-h{top:calc(var(--header-height) / 2);}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-cart-dropdown,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_2{bottom:100%;transform-origin:0 100%;}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1{top:auto;bottom:100%;box-shadow:var(--box-shadow-up);}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_3,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_4{top:auto;bottom:0;transform-origin:0 100%;}.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-dropdown-list{top:auto;bottom:-.4em;padding-top:.4em;padding-bottom:2.4em;}.admin-bar .l-header.pos_static.bg_solid~.l-main .l-section.full_height:first-of-type{min-height:calc(100vh - var(--header-height) - 32px);}.admin-bar .l-header.pos_fixed:not(.sticky_auto_hide)~.l-main .l-section.full_height:not(:first-of-type){min-height:calc(100vh - var(--header-sticky-height) - 32px);}.admin-bar.headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2){min-height:calc(100vh - 32px);}}@media (min-width:601px) and (max-width:1024px){.hidden_for_default{display:none !important;}.l-subheader.at_top{display:none;}.l-subheader.at_bottom{display:none;}.l-header{position:relative;z-index:111;width:100%;}.l-subheader{margin:0 auto;}.l-subheader.width_full{padding-left:1.5rem;padding-right:1.5rem;}.l-subheader-h{display:flex;align-items:center;position:relative;margin:0 auto;height:inherit;}.w-header-show{display:none;}.l-header.pos_fixed{position:fixed;left:0;}.l-header.pos_fixed:not(.notransition) .l-subheader{transition-property:transform,background,box-shadow,line-height,height;transition-duration:.3s;transition-timing-function:cubic-bezier(.78,.13,.15,.86);}.headerinpos_bottom.sticky_first_section .l-header.pos_fixed{position:fixed !important;}.header_hor .l-header.sticky_auto_hide{transition:transform .3s cubic-bezier(.78,.13,.15,.86) .1s;}.header_hor .l-header.sticky_auto_hide.down{transform:translateY(-110%);}.l-header.bg_transparent:not(.sticky) .l-subheader{box-shadow:none !important;background:none;}.l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h{padding-top:0 !important;padding-bottom:0 !important;}.l-header.pos_static.bg_transparent{position:absolute;left:0;}.l-subheader.width_full .l-subheader-h{max-width:none !important;}.l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom{box-shadow:0 1px 0 rgba(0,0,0,.08);}.l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom{box-shadow:0 3px 5px -1px rgba(0,0,0,.1),0 2px 1px -1px rgba(0,0,0,.05);}.header_hor .l-subheader-cell>.w-cart{margin-left:0;margin-right:0;}:root{--header-height:80px;--header-sticky-height:60px;}.l-header:before{content:"80";}.l-header.sticky:before{content:"60";}.l-subheader.at_top{line-height:40px;height:40px;}.l-header.sticky .l-subheader.at_top{line-height:0px;height:0px;overflow:hidden;}.l-subheader.at_middle{line-height:80px;height:80px;}.l-header.sticky .l-subheader.at_middle{line-height:60px;height:60px;}.l-subheader.at_bottom{line-height:50px;height:50px;}.l-header.sticky .l-subheader.at_bottom{line-height:50px;height:50px;}}@media (max-width:600px){.hidden_for_default{display:none !important;}.l-subheader.at_top{display:none;}.l-subheader.at_bottom{display:none;}.l-header{position:relative;z-index:111;width:100%;}.l-subheader{margin:0 auto;}.l-subheader.width_full{padding-left:1.5rem;padding-right:1.5rem;}.l-subheader-h{display:flex;align-items:center;position:relative;margin:0 auto;height:inherit;}.w-header-show{display:none;}.l-header.pos_fixed{position:fixed;left:0;}.l-header.pos_fixed:not(.notransition) .l-subheader{transition-property:transform,background,box-shadow,line-height,height;transition-duration:.3s;transition-timing-function:cubic-bezier(.78,.13,.15,.86);}.headerinpos_bottom.sticky_first_section .l-header.pos_fixed{position:fixed !important;}.header_hor .l-header.sticky_auto_hide{transition:transform .3s cubic-bezier(.78,.13,.15,.86) .1s;}.header_hor .l-header.sticky_auto_hide.down{transform:translateY(-110%);}.l-header.bg_transparent:not(.sticky) .l-subheader{box-shadow:none !important;background:none;}.l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h{padding-top:0 !important;padding-bottom:0 !important;}.l-header.pos_static.bg_transparent{position:absolute;left:0;}.l-subheader.width_full .l-subheader-h{max-width:none !important;}.l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom{box-shadow:0 1px 0 rgba(0,0,0,.08);}.l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom{box-shadow:0 3px 5px -1px rgba(0,0,0,.1),0 2px 1px -1px rgba(0,0,0,.05);}.header_hor .l-subheader-cell>.w-cart{margin-left:0;margin-right:0;}:root{--header-height:60px;--header-sticky-height:60px;}.l-header:before{content:"60";}.l-header.sticky:before{content:"60";}.l-subheader.at_top{line-height:40px;height:40px;}.l-header.sticky .l-subheader.at_top{line-height:0px;height:0px;overflow:hidden;}.l-subheader.at_middle{line-height:60px;height:60px;}.l-header.sticky .l-subheader.at_middle{line-height:60px;height:60px;}.l-subheader.at_bottom{line-height:50px;height:50px;}.l-header.sticky .l-subheader.at_bottom{line-height:50px;height:50px;}}@media (min-width:1281px){.ush_image_1{height:40px !important;}.l-header.sticky .ush_image_1{height:40px !important;}}@media (min-width:1025px) and (max-width:1280px){.ush_image_1{height:40px !important;}.l-header.sticky .ush_image_1{height:40px !important;}}@media (min-width:601px) and (max-width:1024px){.ush_image_1{height:40px !important;}.l-header.sticky .ush_image_1{height:40px !important;}}@media (max-width:600px){.ush_image_1{height:40px !important;}.l-header.sticky .ush_image_1{height:40px !important;}}.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn){padding-left:20px;padding-right:20px;}.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a.w-btn{margin-left:20px;margin-right:20px;}.header_hor .ush_menu_1.type_desktop.align-edges>.w-nav-list.level_1{margin-left:-20px;margin-right:-20px;}.header_ver .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn){padding-top:20px;padding-bottom:20px;}.header_ver .ush_menu_1.type_desktop .menu-item.level_1>a.w-btn{margin-top:20px;margin-bottom:20px;}.ush_menu_1.type_desktop .menu-item:not(.level_1){font-size:1rem;}.ush_menu_1.type_mobile .w-nav-anchor.level_1,.ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow{font-size:1.2rem;}.ush_menu_1.type_mobile .w-nav-anchor:not(.level_1),.ush_menu_1.type_mobile .w-nav-anchor:not(.level_1) + .w-nav-arrow{font-size:.9rem;}@media (min-width:1281px){.ush_menu_1 .w-nav-icon{font-size:36px;}}@media (min-width:1025px) and (max-width:1280px){.ush_menu_1 .w-nav-icon{font-size:32px;}}@media (min-width:601px) and (max-width:1024px){.ush_menu_1 .w-nav-icon{font-size:28px;}}@media (max-width:600px){.ush_menu_1 .w-nav-icon{font-size:24px;}}.ush_menu_1 .w-nav-icon>div{border-width:2px;}@media screen and (max-width:699px){.w-nav.ush_menu_1>.w-nav-list.level_1{display:none;}.ush_menu_1 .w-nav-control{display:block;}}.ush_menu_1 .menu-item.level_1>a:not(.w-btn):focus,.no-touch .ush_menu_1 .menu-item.level_1.opened>a:not(.w-btn),.no-touch .ush_menu_1 .menu-item.level_1:hover>a:not(.w-btn){color:var(--color-content-link);}.ush_menu_1 .menu-item.level_1.current-menu-item>a:not(.w-btn),.ush_menu_1 .menu-item.level_1.current-menu-ancestor>a:not(.w-btn),.ush_menu_1 .menu-item.level_1.current-page-ancestor>a:not(.w-btn){background:transparent;color:var(--color-content-link);}.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .menu-item.level_1.current-menu-item>a:not(.w-btn),.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .menu-item.level_1.current-menu-ancestor>a:not(.w-btn),.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .menu-item.level_1.current-page-ancestor>a:not(.w-btn){background:transparent;color:var(--color-header-top-transparent-text);}.ush_menu_1 .w-nav-list:not(.level_1){background:var(--color-header-middle-bg);color:var(--color-content-heading);}.no-touch .ush_menu_1 .menu-item:not(.level_1)>a:focus,.no-touch .ush_menu_1 .menu-item:not(.level_1):hover>a{background:transparent;color:var(--color-content-heading);}.ush_menu_1 .menu-item:not(.level_1).current-menu-item>a,.ush_menu_1 .menu-item:not(.level_1).current-menu-ancestor>a,.ush_menu_1 .menu-item:not(.level_1).current-page-ancestor>a{background:transparent;color:var(--color-content-heading);}.ush_menu_1{font-size:1.2rem !important;font-family:var(--font-h1) !important;}.us_custom_64874032{color:#333 !important;background:#e7e0da !important;}.us_custom_3b745cf9{max-width:1200px !important;}.us_custom_b48b2d62{padding-top:20px !important;padding-bottom:20px !important;}@media (min-width:601px) and (max-width:1024px){.us_custom_eeb3f56b{text-align:center !important;}}@media (max-width:600px){.us_custom_eeb3f56b{text-align:center !important;}}