![]() □ Get a copy of the built site from GitHub. So we start off by creating a Row layout which fixes the bug from part 1 and we implement the Bootstrap Carousel component (clients love carousels) using block types. Part 2 (this video) is a little more advanced because we create a custom module, implement two layouts and implement a hook_preprocess_HOOK. For example, we couldn't drag-and-drop any of the card components because I overrode the inline-block template. We start off by fixing a few bugs, which I introduced and didn't notice until I started playing around with the site after the first video. In the show notes below, I outline what we implement in part 2 of the Drupal live site build. 2:05:31 Implement markup changes in Twig.1:33:25 Start implementing Bootstrap carousel markup.1:27:20 Configure the Inline Entity Form widget.1:23:14 Create Carousel item block type.1:14:55 Discuss bug with Paragraphs module and block types.57:37 Create custom method to determine grid width.54:08 Review Bootstrap 4 grid system and necessary classes.47:53 Override the build method in layout class to add custom classes.42:49 Debug build method in layout class.39:05 Implement custom code in new layout.37:36 Discuss what needs to be implemented in new layout.33:46 Delete inline block template (no longer needed).01:39 Discuss bugs from last live stream. ![]() Subscribe to our newsletter.ĭon't forget to subscribe to our YouTube channel to stay up-to-date. He is also a dedicated contributor to Drupal core, popular distributions, and modules.Get notified when new tutorials are published. He has been developing enterprise solutions using Drupal since 2008 and is experienced in both front and back-end for websites, applications and mobile solutions. Mahmoud Zayed is a Drupal 8 Acquia certified Grand Master and DrupalCon Global 2020 speaker who is passionate about open source, specifically the Drupal content management system. Drupal Page Builder - Landing Page arounda concept design desktop developer. Senior Software Developer at ImageX Media Directory+ bootstrap drupal 7 theme drupal 8 theme mobile-first responsive. She also holds the Interactive Design Foundation Accessibility Certification. Mahya believes her deep passion with design as well as her management skills, knowledge of code and web development is what sets her apart. She is always pushing her limits and keeping up with the latest trends in design and tech. She has managed and creative directed design projects with tight deadlines for clients in tech startups, health & medical, real-estate, and hospitality industries. Mahya has experience in both agency and freelance environments. She believes creating an easy and effective UI, no matter how challenging, is the ultimate goal of great user experience. Mahya Golabi is a Senior User Interface Designer who designs with conceptualization and usability in mind. His portfolio includes various projects for organizations such as Telus Mobility, Koodo Mobile, Optimum Nutrition, Local Search Association, Argo XTV’s and many more. An avid contributor to the Drupal community, he was a speaker at DrupalCon Global 2020. Upon graduating from the Centre for Arts & Technology in Kelowna, British Columbia he became a part of the drupal community, where he has focused his efforts over the past 12 years. Learn more about core collaboration challenges, how to approach them, and component-based designs.Īaron Christian is an Acquia certified Frontend Specialist who has a vast knowledge in user experience and interaction design. Mahya, Aaron, and Mahmoud share the 5 guiding principles for designer-developer collaborations to bridge gaps. Harmonize design and development by working with the latest module for Drupal’s Bootstrap Layout Builder to increase UX efficacy.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |