HTML apps can be beautiful
25
HTML apps can be beautiful Clare Evans Pugpig @clare_lisbeth
-
Upload
clare-evans -
Category
Technology
-
view
762 -
download
5
description
It's sometimes hard to believe that your content can be as beautiful in your digital edition as you print... but it can! Including some case studies of some lovely Pugpig apps and a brief rundown of the process to create yours.
Transcript of HTML apps can be beautiful
![Page 1: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/1.jpg)
HTML apps can be beautiful
Clare Evans Pugpig
!
@clare_lisbeth
![Page 2: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/2.jpg)
![Page 3: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/3.jpg)
![Page 4: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/4.jpg)
![Page 5: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/5.jpg)
Seeing as you might not believe me…
![Page 6: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/6.jpg)
![Page 7: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/7.jpg)
![Page 8: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/8.jpg)
![Page 9: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/9.jpg)
![Page 10: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/10.jpg)
![Page 11: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/11.jpg)
Digital is a different type of product to print
Attempting to re-create layouts you have in print is only going to cause you more headaches
![Page 12: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/12.jpg)
![Page 13: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/13.jpg)
So, how?Creating a beautiful app for your publication:
• Design
• HTML build
• CMS build
• Training
• Dry runs
• Go!
![Page 14: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/14.jpg)
DesignWire-framing
![Page 15: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/15.jpg)
DesignVariations
![Page 16: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/16.jpg)
HTML
![Page 17: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/17.jpg)
Content Management System
![Page 18: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/18.jpg)
And so, to the future… well, now
![Page 19: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/19.jpg)
via @lukew
![Page 20: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/20.jpg)
Responsive was already key but - if possible -
it just got more important
![Page 21: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/21.jpg)
![Page 22: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/22.jpg)
CSS Shapes
![Page 23: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/23.jpg)
CSS Shapes
![Page 24: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/24.jpg)
CSS Shapes
![Page 25: HTML apps can be beautiful](https://reader034.fdocuments.net/reader034/viewer/2022042521/54956aedb47959744d8b4d7b/html5/thumbnails/25.jpg)
Thanks!
@clare_lisbeth
@pugpig
@kaldor