Thanks for coming to Drupalcamp London 2017.

Videos will appear here within a few weeks.

See you in 2018!!

Understanding LEGO Layout

Track: User Experience Design | Skill level: Beginner
vidit.anjaria

UI layout can be created using many different methods such as table, float, flex etc. Often implemented as modular atomic design.

Basic flow of the web design process

User starts with the idea, content, and then starts placing, adjusting and connecting one block on top of another to create a web page. These blocks are of different shapes, colours, and sizes to get the desired look and feel on the webpage.

Common problem while designing web page

While creating a layout from scratch every UI designer faces the problem of inconsistent spacing, size and shape of elements.
To overcome this inconsistency, we can use LEGO element where everything is well defined and consistent.

LEGO Layout

HTML can be considered as a LEGO board.

Creating and developing web pages can be inspired from creating web pages LEGO It works much the same way. Skills you learn while playing with LEGO as a kid, can help you become a better Web Designer.

If different shapes and sizes of elements are put on the webpage it would look like LEGO blocks from an aerial view.

Everything in HTML is a box. Whatever element is placed on website are either Square or Rectangle containers. HTML makes it easy to create a layout using blocks/boxes.

But LEGO blocks have one distinct feature: all elements have equal distance between the elements inside each containers. Each element has equal gap from each side. Apart from this, space between two LEGO containers is also equal.

What will be discussed:

1. What is LEGO?
2. What is LEGO Layout?
3. What is gutter?
4. Why LEGO Layout?
5. How LEGO Layout is useful?
6. How to achieve LEGO Layout design in real world.
7. Benefits of LEGO layout.

Keynote Speakers

Matt Glaman

Matt Glaman

(Saturday keynote)

Matt Glaman is a developer at Commerce Guys. He is an open source developer who has been working with Drupal since 2013. He is author of the Drupal 8 Development Cookbook, maintainer of ContribKanban.com, and lover of Irish Whiskey.

Twitter: @nmdmatt

Jeffrey A 'JAM' McGuire

Jeffrey A. "jam" McGuire

(Sunday keynote)

Jeffrey A. "jam" McGuire—Evangelist, Developer Relations at Acquia—is a memorable and charismatic communicator with a strong following at the intersection of open source software, business, and culture. He is a frequent keynote speaker at events around the world. He writes and talks about technology, community, and more on weekly podcasts and as a blogger on dev.acquia.com. This all helps satisfy his inner diva, which he also feeds with performances as a storyteller and musician.

Twitter: @horncologne

Danese Cooper

Danese Cooper

(Sunday closing keynote)

Danese Cooper currently serves as chairperson of the Node.js Foundation. She also works in an open source role at PayPal. Previously she was Director of the Open Source Hardware Association and CTO of the Wikimedia Foundation. She had brief stint at the Bill & Melinda Gates Foundation as a consulting open source strategist. She has been involved with open source since 1999.

Twitter: @divadanese

CxO Day Speakers

Sarah Wood OBE

Unruly Co-Founder (CEO)

Sarah Wood

David Axmark

Co-founder of MySQL

David Axmark

Ben Finn OBE

Co-Founder of Sibelius and CEO at Stealth Poker

Ben Finn

Barney Brown

Head of Digital at Cambridge University

Barney Brown

Professor Andre Spicer

Professor of Organisational Behaviour at Cass Business School City, University London

Andre Spicer

Paul Reeves

Reevo UN Limited

Paul Reeves

Sponsors

Diamond

CxO Day

Drupal apprentices

The best people to train new developers are developers

The Drupal Apprenticeship Scheme will be running a London intake in March. If you are interested in hiring an apprentice or know someone who would benefit from the scheme please get in touch via the link below.

  • Created and run by experienced developers
  • Teaches core skills and best practice
  • Extensive support for businesses and teams

We are also really keen to hear from people who might be interested in mentoring, training and helping us to develop and review training materials to make sure they stay absolutely current and relevant.

Find out more

Join the Drupal Association

The Drupal Association unites a global open source community to build and promote Drupal.

The Association is a not-for-profit organization that relies on individuals and businesses to fund everything they do for Drupal — from drupal.org to DrupalCon and community programs.

Connect with us and support our mission-driven work.

Support the Drupal Association