word up brighton

113
How to do cool stuff with WordPress and make yourself more sexually attractive , and smarter , and richer , and generally much better at life. Kind of. by John O’Nolan

Upload: john-onolan

Post on 28-Jan-2015

113 views

Category:

Technology


5 download

DESCRIPTION

My talk at Word Up Brighton in May 2011

TRANSCRIPT

Page 1: Word Up Brighton

How to do cool stuff with WordPress and make yourself more sexually

attractive, and smarter, and richer, and generally much

better at life. Kind of.

by John O’Nolan

Page 2: Word Up Brighton

John O’Nolantwitter.com/johnonolan

Who?

Page 3: Word Up Brighton

John O’Nolantwitter.com/johnonolan

Cure world hunger(approved by Jesus)

Page 4: Word Up Brighton

John O’Nolantwitter.com/johnonolan

I’m a Designer

Page 5: Word Up Brighton

John O’Nolantwitter.com/johnonolan

I’m a DesignerWho likes to take Photos

Page 6: Word Up Brighton

John O’Nolantwitter.com/johnonolan

I’m a DesignerWho likes to take Photos& build Stuff on the web

Page 7: Word Up Brighton

John O’Nolantwitter.com/johnonolan

I’m a DesignerWho likes to take Photos& build Stuff on the web

People tell me I swear at inappropriate moments

Page 8: Word Up Brighton

John O’Nolantwitter.com/johnonolan

WordPressUI Team Deputy

I work for

Page 9: Word Up Brighton

John O’Nolantwitter.com/johnonolan

WordPressUI Team Deputy

I work for

I built a travel blog for over at

Page 10: Word Up Brighton

John O’Nolantwitter.com/johnonolan

WordPressUI Team Deputy

I work for

I built a travel blog for over at

I built a travelapp for the new

aircraft

Page 11: Word Up Brighton

John O’Nolantwitter.com/johnonolan

and some other stuff

Page 12: Word Up Brighton
Page 13: Word Up Brighton
Page 14: Word Up Brighton
Page 15: Word Up Brighton

Behind The Scenes

Page 16: Word Up Brighton

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

Page 17: Word Up Brighton

WORDPRESS.ORG STAKEHOLDERS

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

Page 18: Word Up Brighton

THE CIRCLE OF TRUSTAndrew NacinDonncha

O’Caoimh

Jon Cave(duck_)

Silviu Burca(Scribu)

Alex M(Viper007Bond)

Andy Skelton

Joseph ScottXML-RPC

Mike Adams

Matt ThomasUI/2010

Nikolay Bachiyskii18n

Dion Hulse

John O’Nolan(UI Group)

Samuel Wood (Otto42)

Daryl Koopersmith

Matt Mullenweg

Jane Wells

Peter Westwood

Andrew Ozz

Mark Jaquith

Ryan Boren

Page 19: Word Up Brighton

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

Page 20: Word Up Brighton

WORDPRESS.ORG STAKEHOLDERS

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

Page 21: Word Up Brighton

Let’s Go Back In Time

Page 22: Word Up Brighton

WordPress 0.71

Page 23: Word Up Brighton
Page 24: Word Up Brighton
Page 25: Word Up Brighton
Page 26: Word Up Brighton

WordPress 1.5

Page 27: Word Up Brighton
Page 28: Word Up Brighton
Page 29: Word Up Brighton
Page 30: Word Up Brighton

WordPress 2.3

Page 31: Word Up Brighton
Page 32: Word Up Brighton
Page 33: Word Up Brighton
Page 34: Word Up Brighton

WordPress 2.5

Page 35: Word Up Brighton
Page 36: Word Up Brighton
Page 37: Word Up Brighton
Page 38: Word Up Brighton

WordPress 2.7

Page 39: Word Up Brighton
Page 40: Word Up Brighton
Page 41: Word Up Brighton
Page 42: Word Up Brighton

WordPress 3.0

Page 43: Word Up Brighton
Page 44: Word Up Brighton
Page 45: Word Up Brighton
Page 46: Word Up Brighton

We’ve come a long way.

Page 47: Word Up Brighton

Who Are We Designing For?

Page 48: Word Up Brighton

100,000,000 Views Per Day

Page 49: Word Up Brighton

Just on WordPress.com100,000,000 Views Per Day

Page 50: Word Up Brighton

3,000,000,000 Views Per Month

Page 51: Word Up Brighton

A Report Last Year Suggested That

WordPress Powers 8.5% of The Internet

Page 52: Word Up Brighton

Over 26,000,000 Sites

Page 53: Word Up Brighton

BUT

Page 54: Word Up Brighton

Microsoft migrated an estimated

30,000,000 additional sites to WordPress.com

Page 55: Word Up Brighton

Total: 56,000,000 Sites*

Page 56: Word Up Brighton

How Many Sites Microsoft Said They MigratedHow Many They Really Migrated

*

Page 57: Word Up Brighton

Total: 30,000,000 Sites(ish)

Page 58: Word Up Brighton

It’s like selling out every seat at every match at every stadium at the World Cup

Page 59: Word Up Brighton

10 Times

Page 60: Word Up Brighton

The Best Part?

Page 61: Word Up Brighton

They Speak Over60 Different Languages

Page 62: Word Up Brighton

Who Are We Designing For?

Page 63: Word Up Brighton

Lots of people.

Page 64: Word Up Brighton

How Do We Do it?

Page 65: Word Up Brighton

UI LeadDev LeadMattUsers

Page 66: Word Up Brighton

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

Page 67: Word Up Brighton

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

Page 68: Word Up Brighton

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

REVIEW(does it work?) NO!YES!Implement it! #blamenacin

Page 69: Word Up Brighton

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

REVIEW(does it work?) NO!YES!Implement it!

UI Group(markup+css)

UI Deputy Core Dev BetaRelease

#blamenacin

Page 70: Word Up Brighton

UI LeadDev LeadMattUsers

Some code stuff happens

here

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

Star Trek?

REVIEW(does it work?) NO!YES!Implement it!

UI Group(markup+css)

UI Deputy Core Dev BetaRelease

#blamenacin

Page 71: Word Up Brighton

UI LeadDev LeadMattUsers

Some code stuff happens

here

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

Star Trek?

REVIEW(does it work?) NO!YES!Implement it!

UI Group(markup+css)

UI Deputy Core Dev BetaRelease

USER TESTING(does it work?) NO!

YES!

Final Release

#blamenacin

Page 72: Word Up Brighton
Page 73: Word Up Brighton
Page 74: Word Up Brighton
Page 75: Word Up Brighton
Page 76: Word Up Brighton
Page 77: Word Up Brighton

Don’t Forget

Page 78: Word Up Brighton
Page 79: Word Up Brighton

&

Page 80: Word Up Brighton
Page 81: Word Up Brighton

Everything has to be flexible

Page 82: Word Up Brighton

It’s challenging

Page 83: Word Up Brighton

John. You’re supposed to be

giving them tips and stuff.

Page 84: Word Up Brighton
Page 85: Word Up Brighton

WordPressnot Wordpress

Page 86: Word Up Brighton

Some Basics(general shit)

Page 87: Word Up Brighton
Page 88: Word Up Brighton
Page 89: Word Up Brighton
Page 90: Word Up Brighton
Page 91: Word Up Brighton
Page 92: Word Up Brighton

Must Have PluginsDon’t leave home without them. Ever!

- Akismet (Automattic)

- After The Deadline (Raphael Mudge)

- WordPress Database Backup (Austin Matzko)

- Comment Reply Notification (Denishua)

- Google Analytics for WordPress (Joost)

- WordPress SEO (Joost)

Page 93: Word Up Brighton

Some Intermediate Stuff(design & pretty colours)

Page 94: Word Up Brighton

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.

— Antoine De Saint-Exupery

Page 95: Word Up Brighton
Page 96: Word Up Brighton
Page 97: Word Up Brighton

Every designer’s dirty little secret is that they copy other designers’ work. They see work they like and they imitate it. Rather cheekily, they call this inspiration.

— Aaron Russell

Page 98: Word Up Brighton
Page 99: Word Up Brighton
Page 100: Word Up Brighton
Page 101: Word Up Brighton
Page 102: Word Up Brighton
Page 103: Word Up Brighton

Some Advanced Stuff(performance and optimisation)

Page 104: Word Up Brighton

PerformanceWhy should you care?

Page 105: Word Up Brighton

PerformanceWhy should you care?

For every 100ms delay in page load, Amazon measured a 1% drop in sales.

Page 106: Word Up Brighton

PerformanceWhy should you care?

For every 100ms delay in page load, Amazon measured a 1% drop in sales.

1% of $4.3billion a month = $43million

Page 107: Word Up Brighton

PerformanceWhy should you care?

For every 100ms delay in page load, Amazon measured a 1% drop in sales.

1% of $4.3billion a month = $43million

For every 500ms delay in page load, Google measured a 20% drop in traffic.

Page 108: Word Up Brighton

Install W3 Total Cache

Page 109: Word Up Brighton
Page 110: Word Up Brighton

Get rid of as many big images, social widgets, and fancy animations as possible.

Page 111: Word Up Brighton

Measure your speed with the YSlow plugin for Firefox

Page 112: Word Up Brighton
Page 113: Word Up Brighton

Myself, Qfamily, petesimon, gesika22, dailyinvention, James Cridland, xlibber, Ian Lamont, cheezburger.com

My Name is John O’NolanJOHN

twitter.com/JohnONolanfacebook.com/JohnONolanflickr.com/photos/JohnONolan

This talk is released under the Creative Commons 3.0 license.

All slides and content will be available on john.onolan.org

PHOTO CREDITS:

LICENSING:

My Book, Coming Soon:

DESIGNINGEMOTIONBY JOHN O’NOLANAND ADII PIENAARAUTUMN 2011http://amzn.to/DesigningEmotion