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

A Layout Customiser for The Sun

John Blackbourn
December 05, 2016
Technology
4
400

A Layout Customiser for The Sun

Presented at BigWP on 5th December 2016

John Blackbourn

December 05, 2016
Tweet

More Decks by John Blackbourn

See All by John Blackbourn
Investigating Regressions Quickly using Git Bisect
johnbillion
1
2.1k
WP CLI: An Intro and Interesting Use Cases
johnbillion
0
1.9k
Zen Mode: Developing While You're Offline
johnbillion
3
2.2k
An Explanation of HTTPS for the Inexperienced
johnbillion
0
1.6k
The A to Z of WordPress Multisite
johnbillion
3
2k
A Deep Dive into the Roles and Capabilities API
johnbillion
3
2.6k
Unit Testing: What? Why? How?
johnbillion
0
140
Debugging as a Key Skill - WCSOF - WCMIL
johnbillion
1
1.7k
An Introduction to Character Encoding - WCNO - WCNL
johnbillion
0
2k

Other Decks in Technology

See All in Technology
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう！
nrinetcom
PRO
2
120
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
8
1.4k
ディスプレイ広告（Yahoo!広告・LINE広告）におけるバックエンド開発
lycorptech_jp
PRO
0
410
システム・ML活用を広げるdbtのデータモデリング / Expanding System & ML Use with dbt Modeling
i125
1
330
AIエージェント開発のノウハウと課題
pharma_x_tech
4
2.3k
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
200
JAWS DAYS 2025 アーキテクチャ道場 事前説明会 / JAWS DAYS 2025 briefing document
naospon
0
150
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
400
生成AI×財務経理：PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
750
DevinでAI AWSエンジニア製造計画 序章 〜CDKを添えて〜/devin-load-to-aws-engineer
tomoki10
0
170
事業モメンタムを生み出すプロダクト開発
macchiitaka
0
100
JavaにおけるNull非許容性
skrb
2
2.6k

Featured

See All Featured
Navigating Team Friction
lara
183
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Building Applications with DynamoDB
mza
93
6.2k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Designing for humans not robots
tammielis
250
25k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
How GitHub (no longer) Works
holman
314
140k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Producing Creativity
orderedlist
PRO
344
40k
Code Reviewing Like a Champion
maltzj
521
39k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k

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