ppa conference presentation
DESCRIPTION
Slides from a talk given at the PPA Conference in May 2012, discussing problems around responsive HTML5 content production.TRANSCRIPT
![Page 1: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/1.jpg)
cross platformmagazine production solutionPadify is a
Made by
![Page 2: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/2.jpg)
cross platform
Does the world need another
solution?
![Page 3: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/3.jpg)
cross platformif...
![Page 4: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/4.jpg)
cross platform
if... you redo each page for every device and orientation
if... you copy and paste all your text and reimport all your images
if... you don’t mind that nobody can read your content on a smartphone
if... you ignore all your existing workflow, assets, systems and staff
![Page 5: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/5.jpg)
not reallycross platformat all
![Page 6: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/6.jpg)
deliveryis not the problemcross platform
![Page 7: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/7.jpg)
![Page 8: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/8.jpg)
Cross-platform Responsivedesign
Accessible
Semantic Low file size
InteractiveNon-proprietary
iOSAndroid
Web
Low lock-in Future proof
Smartphones
Tablets
Laptops
TV
Simple webtechnology
Desktop
![Page 9: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/9.jpg)
Reader app
Newsstand
![Page 10: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/10.jpg)
cross platform workflowis the real problem
![Page 11: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/11.jpg)
✓ fast
✓ usable
✓ scalable
✓ cost effective
cross platform workflow
![Page 12: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/12.jpg)
Padify lets you design just once for all devices and orientations.
![Page 13: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/13.jpg)
Practical workflow
• No copy & paste or rekeying• Sync with Dropbox• Simple templating for unstructured
magazine content• Designer-friendly user interface• Instant preview for different
devices• Responsive layout tools = design
once
![Page 14: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/14.jpg)
Tapfor more
info
Layers
Hotspots
Multilevel undo
Animation
Custom fonts
Pasteboard
WYSIWYG editing
![Page 15: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/15.jpg)
Instant preview
Responsive grid layout
Rule the pitch
Tapfor
moreinfo
![Page 16: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/16.jpg)
Very simple integration
Padify
Newsstand
Dropbox
InDesign
Readerapp
![Page 17: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/17.jpg)
API
Not quite so simpleDennis Publishing
integration
Padify
StonewashDrupalCMS
Newsstand
HTML5
Pugpig
Drupaltemplates
InDesign
Dropbox
![Page 18: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/18.jpg)
Templated High design
Simple text articlesRegular feature
Complex, media-richSpecial features
![Page 19: PPA Conference presentation](https://reader034.vdocuments.site/reader034/viewer/2022042606/54981b44b47959a7498b4971/html5/thumbnails/19.jpg)
Friendly fats