Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
A Layout Customiser for The Sun
John Blackbourn
December 05, 2016
Technology
4
360
A Layout Customiser for The Sun
Presented at BigWP on 5th December 2016
John Blackbourn
December 05, 2016
Tweet
Share
More Decks by John Blackbourn
See All by John Blackbourn
Investigating Regressions Quickly using Git Bisect
johnbillion
1
1.4k
WP CLI: An Intro and Interesting Use Cases
johnbillion
0
1.5k
Zen Mode: Developing While You're Offline
johnbillion
3
1.5k
An Explanation of HTTPS for the Inexperienced
johnbillion
0
1.2k
The A to Z of WordPress Multisite
johnbillion
3
1.5k
A Deep Dive into the Roles and Capabilities API
johnbillion
3
1.8k
Unit Testing: What? Why? How?
johnbillion
0
110
Debugging as a Key Skill - WCSOF - WCMIL
johnbillion
1
1.3k
An Introduction to Character Encoding - WCNO - WCNL
johnbillion
0
1.6k
Other Decks in Technology
See All in Technology
MRTK3 - DataBinding and Theming 入門
futo23
0
180
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
comucal
PRO
0
210
インフラのCI/CDはGitHub Actionsに任せた
mihyon
0
110
データエンジニアリングの潮流を俯瞰する
tetsuroito
1
730
RDRA + JavaによるレジャーSaaSプロダクトの要件定義と実装のシームレスな接続
jjebejj
PRO
3
630
データ分析で切り拓け! エンジニアとしてのデータ分析職キャリア戦略
ksnt
0
120
Meet passkeys
satotakeshi
1
120
QiitaConference2022
fuwasegu
0
180
OPENLOGI Company Profile
hr01
0
490
マネージャーからみたスクラムと自己管理化
shibe23
0
1k
PUTとPOSTどっち使う?
hankehly
0
260
要約 "Add Live Text interaction to your app"
ushisantoasobu
0
150
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
4
510
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.2k
Testing 201, or: Great Expectations
jmmastey
21
5.4k
The Art of Programming - Codeland 2020
erikaheidi
32
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Building Adaptive Systems
keathley
25
1.1k
How to Ace a Technical Interview
jacobian
265
21k
Optimizing for Happiness
mojombo
365
63k
Rails Girls Zürich Keynote
gr2m
86
12k
The Invisible Side of Design
smashingmag
290
48k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
127
8.5k
Transcript
A Layout Customiser for The Sun
John Blackbourn @johnbillion | humanmade.co.uk
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
Building a Layout Customiser (not a Page Builder)
None
Editorial Requirements Quickly alter the content and layout of the
home page and section pages
Editorial Requirements Visually and technically accurate representation
Editorial Requirements Editorially scalable to a large number of articles
Editorial Requirements Well-formatted storage of the content and presentation data
UX Workshops Identified the typical journey of a news story
UX Workshops Free-form control over layout is overwhelming, slow, and
unnecessary
UX Workshops Editing content inline for: 1. Context 2. Expediency
Solutions "The layout customiser"
None
None
None
Solutions "The cascade"
None
None
None
None
None
None
None
Solutions Maintaining accuracy of the preview
None
None
Next Steps Scheduling layouts (for sections) Inline image editing REACT
or ?...
Want to see more? Come and see me
John Blackbourn @johnbillion | humanmade.co.uk