Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A Layout Customiser for The Sun

23e12888dcd87d07434b7621bc164958?s=47 John Blackbourn
December 05, 2016
Technology
4
360

A Layout Customiser for The Sun

Presented at BigWP on 5th December 2016

23e12888dcd87d07434b7621bc164958?s=128

John Blackbourn

December 05, 2016
Tweet

More Decks by John Blackbourn

See All by John Blackbourn
Investigating Regressions Quickly using Git Bisect
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
1
1.4k
WP CLI: An Intro and Interesting Use Cases
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.5k
Zen Mode: Developing While You're Offline
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.5k
An Explanation of HTTPS for the Inexperienced
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.2k
The A to Z of WordPress Multisite
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.5k
A Deep Dive into the Roles and Capabilities API
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.8k
Unit Testing: What? Why? How?
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
110
Debugging as a Key Skill - WCSOF - WCMIL
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
1
1.3k
An Introduction to Character Encoding - WCNO - WCNL
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.6k

Other Decks in Technology

See All in Technology
MRTK3 - DataBinding and Theming 入門
Fccbd625997f63e7b251d9725cb905a5?s=48 futo23
0
180
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
50bc42471d197d0dbef7171f2ef85bb6?s=48 comucal
PRO
0
210
インフラのCI/CDはGitHub Actionsに任せた
F5c597c41d9bc6a80cce50adbd6c7bd9?s=48 mihyon
0
110
データエンジニアリングの潮流を俯瞰する
Cb7edd153cf503f44c727b73647558bf?s=48 tetsuroito
1
730
RDRA + JavaによるレジャーSaaSプロダクトの要件定義と実装のシームレスな接続
050b8cdbe92809580ed71d0d0d327e36?s=48 jjebejj
PRO
3
630
データ分析で切り拓け！ エンジニアとしてのデータ分析職キャリア戦略
43ba5a2227c580ce2290544d81c6261c?s=48 ksnt
0
120
Meet passkeys
53e2d354b3299d64a54af680865516d5?s=48 satotakeshi
1
120
QiitaConference2022
0684ef0f8b92614508e0c323c3619462?s=48 fuwasegu
0
180
OPENLOGI Company Profile
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
0
490
マネージャーからみたスクラムと自己管理化
D14332b39b012820d44d362a3e2a8d98?s=48 shibe23
0
1k
PUTとPOSTどっち使う？
65389cd2b6fdc531dcc4af999e864593?s=48 hankehly
0
260
要約 "Add Live Text interaction to your app"
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
0
150

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
510
Build The Right Thing And Hit Your Dates
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
19
1.2k
Testing 201, or: Great Expectations
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.4k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
11k
Dealing with People You Can't Stand - Big Design 2015
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
351
21k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
265
21k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
12k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
127
8.5k

Transcript

  1. A Layout Customiser for The Sun

  2. John Blackbourn @johnbillion | humanmade.co.uk

  3. Largest print newspaper by circulation Second largest newspaper website by

    viewers Migrated to WordPress.com VIP Go 400,000+ articles 1TB images Switched to HTTPS

  4. Building a Layout Customiser (not a Page Builder)

  5. None

  6. Editorial Requirements Quickly alter the content and layout of the

    home page and section pages

  7. Editorial Requirements Visually and technically accurate representation

  8. Editorial Requirements Editorially scalable to a large number of articles

  9. Editorial Requirements Well-formatted storage of the content and presentation data

  10. UX Workshops Identified the typical journey of a news story

  11. UX Workshops Free-form control over layout is overwhelming, slow, and

    unnecessary

  12. UX Workshops Editing content inline for: 1. Context 2. Expediency

  13. Solutions "The layout customiser"

  14. None
  15. None
  16. None

  17. Solutions "The cascade"

  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None

  25. Solutions Maintaining accuracy of the preview

  26. None
  27. None

  28. Next Steps Scheduling layouts (for sections) Inline image editing REACT

    or ?...

  29. Want to see more? Come and see me

  30. John Blackbourn @johnbillion | humanmade.co.uk