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
380

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
1.9k
WP CLI: An Intro and Interesting Use Cases
johnbillion
0
1.9k
Zen Mode: Developing While You're Offline
johnbillion
3
2k
An Explanation of HTTPS for the Inexperienced
johnbillion
0
1.5k
The A to Z of WordPress Multisite
johnbillion
3
1.8k
A Deep Dive into the Roles and Capabilities API
johnbillion
3
2.4k
Unit Testing: What? Why? How?
johnbillion
0
130
Debugging as a Key Skill - WCSOF - WCMIL
johnbillion
1
1.6k
An Introduction to Character Encoding - WCNO - WCNL
johnbillion
0
1.9k

Other Decks in Technology

See All in Technology
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
350
Janus
bkuhlmann
1
490
Building Dashboards as a Hobby
egmc
0
120
自己改善からチームを動かす！ 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
450
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
100
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
2
380
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
650
Azureの基本的な権限管理の勉強会
yhana
0
290
DevOpsメトリクスとアウトカムの接続にトライ！開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
1
220
リテール金融（キャッシュレス・ネット銀行・ネット証券）の競争環境と経済圏
8maki
0
950

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Side Projects
sachag
451
41k
Building Adaptive Systems
keathley
31
1.9k
Embracing the Ebb and Flow
colly
80
4.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Gamification - CAS2011
davidbonilla
76
4.6k

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