Imaging the Past, Present and Future with Umbraco - Belgian Festival 2014
•Download as PPTX, PDF•
0 likes•1,268 views
Recommended
Recommended
More Related Content
Similar to Imaging the Past, Present and Future with Umbraco - Belgian Festival 2014
Similar to Imaging the Past, Present and Future with Umbraco - Belgian Festival 2014 (20)
Recently uploaded
Recently uploaded (20)
Imaging the Past, Present and Future with Umbraco - Belgian Festival 2014
- 1. Imaging the Past, Present and Future with Umbraco Sharing my shit: Jeavon Leopold | Twitter: @crumpled_Jeavon We are Crumpled Dog
- 2. You are on page 214/05/2014 I have been working with Umbraco since version 3.0 (circa 2007) • Technical Director at Crumpled Dog – Umbraco Gold Partner in London’s TechCity/Silicon Roundabout • Umbraco Community Member – I have 4877 karma points and I try to share as much useful “shit” as possible. • Umbraco Core Contributor– I have made many bug fixes and even added a few features here and there over the years. Most recently I worked with Per Ploug Hansen and James South on the v7.1 Core Image Cropper API • Umbraco Package Hacker – I have created a few packages of my own and collaborated on many more • 1/8th Belgian, 1/8th unknown, ¾ British Who am I?
- 3. The Past v3 & v4.0 You are on page 314/05/2014
- 4. The Past The Superheroes Arrived Douglas Robar released ImageGen Jeroen Breuer released Tribal Yet Another Media Picker Kenneth Solberg released the first Image Cropper package You are on page 414/05/2014
- 5. You are on page 514/05/2014 The Past v3 & v4.0 + packages
- 6. You are on page 614/05/2014 The Past v4.1 – Image Cropper became core!
- 7. The Past v4.1 – Image Cropper became core! You are on page 714/05/2014
- 8. The Past The Superheroes continued their good work and new one arrived ImageGen continued to offer awesome image processing Jeroen Breuer released Digibiz Advanced Media Picker Niels Kühnel released CropUp You are on page 814/05/2014
- 9. The Past v4.5 to v4.11 & v6 + (ImageGen or CropUp) + DAMP You are on page 914/05/2014
- 10. The Past & The Present v4.5 to v4.11 & v6 + (ImageGen or CropUp) + DAMP You are on page 1014/05/2014
- 11. The Present You are on page 1114/05/2014 ImageGen - our.umbraco.org/projects/website-utilities/imagegen
- 12. The Present You are on page 1214/05/2014 ImageResizer - imageresizing.net
- 13. The Present You are on page 1314/05/2014 ImageProcessor – jimbobsquarepants.github.io/ImageProcessor/
- 14. The Present You are on page 1414/05/2014 RIAPI (RESTful Image API) – github.com/riapi/riapi • Images can be manipulated server side and are requested using querystring variables, e.g. /images/myimage.jpg?width=200 • ImageResizer and ImageProcessor.Web both compliant • While not exactly the same, ImageGen is very similar (and clearly way ahead of its time), it requires the media file as a variable also, e.g. /ImageGen.ashx?image=myimage.jpg&width=200 • All three can be easily used in combination with a JS library such as Slimmage to implement adaptive & responsive front end imaging. github.com/imazen/slimmage
- 15. The Present Some new superhero’s arrive Dirk Seefeld fixes core original v4.1 core cropper and releases it as a installable package Ali Sheikh Taheri releases AST Amazon S3 and AST Azure Media Sync packages You are on page 1514/05/2014
- 16. The Present Fixed cropper You are on page 1614/05/2014
- 17. The Present Comparison You are on page 1714/05/2014 ImageResizer ImageGen ImageProcessor.Web Dirk and Ali License Commercial - Free for basic usage Commercial - Free for basic usage Open Source Open Source RIAPI Yes More or less Yes No Disk Cache Yes - $249 per domain Yes - even with free version Yes Yes Crop function Yes Yes with Pro version Yes Yes IFileSystem No No No Yes CDN Support Yes - push to CDN suppot - $249 per domain No No Yes, S3 and Azure supported Plugin Architecture Yes No No No Extended functionality 40+ plugins available Plenty of feautres in the free and Pro (£125 per domain) versions A few options currently available No
- 18. The Present v6.1/v6.2 + DAMP + (ImageGen or CropUp/ImageResizer or ImageProcessor or the fixed up cropper package) You are on page 1814/05/2014
- 19. The Present v7.1 You are on page 1914/05/2014
- 20. The Present v7.1 You are on page 2014/05/2014
- 21. Demo time – the present and very near future You are on page 2114/05/2014
- 22. The Future vNext You are on page 2214/05/2014
- 23. Crumpled Dog 020 7739 5553 | jeavon@crumpled-dog.com | www.crumpled-dog.com
Editor's Notes
- Fundamentally nothing, not even a roof!
- ImageGen was a revolution, now we could resizer images on the fly using only querystring variablesTribal Media pickers made a huge improvement on the default media pickerImage Cropper package was amazing, jCrop functionality was now available within Umbraco
- Customisation baby!
- Wow! Xr3i!
- U4-386 - Double save bugSaved crops to diskhttp://issues.umbraco.org/issue/U4-386
- DAMP kind of fixed the double save bug if you used it to create the media item
- Still working perfectly
- CropUp magically set a interest point, programmatic cropping was now possible in RazorUnder the hood CropUp was using ImageResizer to perform cropping
- Soyez – has been amazing since the start and still going strongReliable and mature
- ImageResizer – Amazing, modular but does come with a price tag for some essential features like cachingCropUp using ImageResizer under the hood
- ImageProcessor.Web – new kid on the block – OPEN SOURCEJames M South
- Restful/Adaptive/ResponsiveSlimmage– Pixel density up qualityResponsive – Mobile served appropriate sized image
- Dirks fixed cropper supports IFileSystem which enables Ali to create the providers for S3 and Azure
- Dirks fixed cropper supports IFileSystemuisngImageResizer under the hood
- Awesome customisation, Core + Packages
- ImageProcessor and ImageProcessor.Web included in coreNew AngularJS core cropper!No DAMP needed (ish)
- Starter kitCreate CropperUpdate Upload fields with CropperUse dynamics to get a cropConvert to strong typed partial view – why?
- Do we need DAMP?IFileSystemTinyMCE Crop selectionAuto interest point detection