Sessions Classified "Frontend"

Below is a list of sessions that have been proposed for Drupaldelphia.  Don't miss out on your chance to share your insight and knowledge, propose a session today!

Displaying 1 - 20 of 31 Sessions

2019 Drupaldelphia

Becoming an Ally for A11y

Approaching accessibility from the start of a project can greatly impact usability. From initial wireframing to entering content in a CMS, there are many ways to plan for and implement a fully inclusive website: color contrast can be measured before any CSS is written, heading structures can be mapped before any markup is created. Messy navigation patterns can be reconsidered before a menu structure is built. When accessibility is valued as an essential part of the user experience, everyone can help make it easier to implement.

 

Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures

A fully decoupled architecture can provide many benefits: more specialized front-end and back-end developers, easier project management with less dependencies, and more reusable front-end code. However, this solution is not right for every project: Hosting and deployment becomes more complicated, JS apps don’t have access to powerful Drupal functionality, and some clients don’t love the idea of also maintaining a separate JS stack.

All for Web and Web for All: Moving Toward Accessibility Compliance

The accessible web, it's not just for avoiding lawsuits anymore. What makes a site accessibilitiy compliant? How can we get there - and why should we bother? This session will provide a foundation in accessibility concepts and guidance in leveraging that foundation into organizational change, where everyone who touches the site remains aware of accessibility issues. Join us in the quest for WCAG 2.0 AA Compliance!

What’s new in WCAG 2.1?

WCAG 2.0 was published a decade ago, which is an eternity in Internet years. This past June, the W3 released WCAG 2.1. These new guidelines focus on improving accessibility for users with cognitive disabilities and for users who browse websites on mobile devices, like tablets and smartphones. So what does that mean for you?

In this session, we’ll answer questions like:

2018 Drupaldelphia

Opening Remarks & Lightning Keynotes

If you missed out on DrupalCon Nashville, we've got you covered at Drupaldelphia!

Our lightning keynotes will feature 4 panelists providing perspectives from:

  • Spearheading new technologies with Drupal
  • Leading project/product management teams
  • Operating a digital agency
  • Changing the academic landscape to keep up with digital technologies

Panelists and moderator will highlight takeaways from the DrupalCon Nashville 2018 Driesnote and summarize the future of the digital web landscape from their perspectives! 

Techniques for Designing with Drupal 8

Designing for the web is complicated. Endless screen sizes, high user expectations, and usability challenges offer up some interesting if not impossible challenges for web designers, especially when wrestling with complex functionality delivered by Drupal. Join this detailed discussion on web design and designing Drupal 8 websites.

Can we figure this Drupal Component thing out already?

Our community has seen the rise of countless solutions to implement design systems and components within Drupal. What have we learned?   This talk shares a perspective on one set of best practices our community should strive to achieve.

Continuous Collaboration in LAMP Applications with Probo.CI

Probo.CI is an open source, quality assurance and user acceptance testing SaaS tool created by Zivtech. Probo allows the development process to continue while stakeholders, product owners, and QA teams review changes in real-time, allowing “Continuous Collaboration” on Drupal development projects. Probo’s system prevents blocks for developers, site builders, and themers with isolated testing environments, called Probo builds.

Applying Lean & Real Life Agile to UX - What Worked and What Hasn’t

Applying Lean & Real Life Agile to UX - What Worked and What Hasn’t

by Steve Pashley of Elsevier

 

Applying Lean UX in an enterprise setting requires more than just the adoption of a set of processes.

Successful implementation of Lean UX requires an organization mind shift. This discussion will focus on how we’ve attempted to  promote those shifts, and the challenges and successes we have encountered.

 

Visual Regression Testing: How Could You Be So Sure?

Visual regression testing can help cut down on QA time and effort while adding a level of precision to pattern development and stylesheet refactoring. Are you dedicating valuable mental energy towards manually testing for unexpected defects in the parts of the app where you're not actively working? Do you find it hard to believe that this kind of information could be ascertained simply by looking at a picture? Come review case studies geared towards front-end and full-stack developers seeking to incorporate frameworks like PhantomCSS, BackstopJS, or Wraith into their testing toolkit.

Using React/GatsbyJS, GraphQL, and Drupal to build blazing-fast static website

Static site generators have become increasingly popular in the past few years. Various frameworks such as Jekyll and Gatsby are taking center stage for their focus on generating super fast static sites that can be hosted and served efficiently at a low cost. GatsbyJS is an incredible static site generator that uses React, Webpack, and GraphQL to render static content on the web. Content is written as React components and is rendered at build time to the DOM as static HTML, CSS and JavaScript files.

Easy Automated Testing with Pull Request Environments on your own servers with DevShop

DevShop is an open-source Drupal hosting platform that can be used for production, development and testing environments. 

Powered by a Drupal web interface, simply enter your websites source code, name your environments, pick your branches, and start running Behat tests on every git push.

DevShop allows you to setup automated Behat testing without writing any scripts, creating any YAML files, or learning about Jenkins or Docker. 

Easily launch new environments for every pull request or every branch of your git repository.

Web Components: The Future of Web Development is Here

If you haven’t explored Web Components yet, you’re missing out on a powerful tool that can greatly enhance reusability of common web elements throughout your websites and web applications. As Comcast has been updating our web properties to unify under a single UX, using Web Components with Polymer has helped make that process much more efficient.

Using mood-driven UX methods for form processes

When it comes to grueling but necessary site tasks (such as long forms), how do we keep users from feeling annoyed throughout the process?

By mapping out each user type’s mood throughout a journey, we gain a greater perspective of where pain points are, and how to minimize them. We will look at examples, such as multi-page request forms and shopping cart check outs, to see where we can mitigate stress-inducing tasks for our users.

2016 Drupaldelphia

Drulenium - Visual Regression Testing and Drupal

Ever wondered why your website breaks each time you add a new feature? Want to automate testing on your site? don't know coding? No Problem! Drulenium to your rescue!!

Drupal + Selenium = Drulenium

What is Visual Regression Testing?

Markup the Drupal 8 way

Drupal 8 uses Twig as its default templating engine. This has generated a lot of excitement but Twig isn't the only thing that has changed in the Drupal 8 Theme System - Twig has been a tool that has allowed us to make many other changes.

In this presentation I will give an overview of how markup should be printed in Drupal 8. I will also walk through some of the changes that have made outputting markup more complex and how to cope with them.

Topics in this session includes:

Pages

Subscribe to Sessions Classified "Frontend"