frontend https://events.apifirstcms.org/ en Drupal & Frontend & Theming https://events.apifirstcms.org/sessions/presentation-four <span class="field field--name-title field--type-string field--label-hidden">Drupal &amp; Frontend &amp; Theming</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 20:15</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/Drupal%20%20%20Frontend%20%20%20Theming%20-%20YouTube_1.png?itok=R2jtMV7V" width="1110" height="600" alt="Drupal &amp; Frontend &amp; Theming" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Download</h3> <p>Slide show data: <a href="https://slides.com/mathieuspillebeen/the-future-of-drupal-theming#/">https://slides.com/mathieuspillebeen/the-future-of-drupal-theming#/</a></p> <p>PDF download :  <a href="/sites/default/files/event/s4/the-future-of-drupal-theming.pdf">here</a> </p> <p> </p> <h3>Abstract</h3> <h3>Main keywords:</h3> <p>Drupal &amp; Frontend &amp; Theming</p> <h4>Secondary keywords:</h4> <p>CSS, JS, HTML, components, platform, ideas, community</p> <h3>Experience level: </h3> <p>intermediate</p> <h4>Session outline:</h4> <p>What if API-first didn’t mean API-only?</p> <p>What if the future was hybrid decoupling?</p> <p>What if you don't need to decouple, to have some fun?</p> <p>What if you could make your CSS and JS over 90% more lean, with just a slice of opinion?</p> <p>What if frontend frameworks die?</p> <p>What if someone is going to tell you about a cutting-edge native Drupal frontend alternative?</p> <p>Would you come?</p> <h4>Longer context:</h4> <p>This talk is around the potential of splitting up the theming layer of Drupal.</p> <p>I took a break from paid work for more than a year to evolve the theming layer of Drupal.</p> <p>The outcome of my work resulted in a future for Drupal where cutting edge frontend standards will become the norm (and stay the norm).</p> <p>Not only do I revolutionise the idea of what we consider the theming layer to be, I will share an open-source toolset and platform to grow Drupal’s Frontend community.</p> </div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/the-future-of-drupal-theming.pdf" type="application/pdf" title="the-future-of-drupal-theming.pdf">Drupal &amp; Frontend &amp; Theming</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/80_OqBVhyfY?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="202" role="article" about="/speakers/Mathieu-Spillebeen" class="node node--type-speaker node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/Mathieu-Spillebeen"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-11/mathieuspil1500x500_2.jpg?itok=3JUgsmyP" width="1300" height="1300" alt="Mathieu Spillebeen" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/Mathieu-Spillebeen" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Mathieu Spillebeen</span> </a> </h5> </header> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p> </p> <p>Inventor of <a href="https://www.compony.io/">Compony.io</a>,</p> <p>Diversity-lead / Organiser and visionair @ Frontend United,<br /> Freelance Drupal Frontend Developer</p> <p> </p> <p>from Twitter</p></div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://twitter.com/mathieuspil"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/mathieuspil"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 11:15:18 +0000 office 161 at https://events.apifirstcms.org